Advanced HTML&CSS: Transform

SzabiSch / bootcamp-schedule

0 stars 0 forks source link

Closed codingbootcampseu closed 3 years ago

codingbootcampseu commented 3 years ago

[x] Increase the the hire me badge with a transform function (i.e. scale) when the header is hovered
[x] Use a transition to animate the change of the hire me badge

Hints

.header:hover .hire-me {
  ...
}

Bonus

Use the :focus-within pseudo class to also transform the hire me badge.


.header:focus-within .hire-me {
  transform: scale(1.5);
}

Example Solution and Comparison

SzabiSch commented 3 years ago

die grosse Frage: "transition: 2s linear;" warum kommt zu den Eigenschaften zu .hire-me, und nicht zu xxx:hover .. ??? aber ok. "Make it work,.."!