Genies Hour (8)

CSS Layout - transition

Know

CSS transition Properties

CSS transitions allows you to change property values smoothly (from one value to another), over a given duration.
Example: Mouse over the element below to see a CSS transition effect.

                                                          What I have learned

Property	Description
transition	A shorthand property for setting the four transition properties into a single property
transition-delay	Specifies a delay (in seconds) for the transition effect
transition-duration	Specifies how many seconds or milliseconds a transition effect takes to complete
transition-property	Specifies the name of the CSS property the transition effect is for
transition-timing-function	Specifies the speed curve of the transition effect

                What problem do I foresee happening?

It is common to forget that transition should be added to the element but not on the hover.

How can I solve than now?

To check every time to see if the website show anything
USE F12 TO CHECK ELEMENT

What is happening that you did not expect?
it is useless if we add the transition inside the hover element.

What is the best thing that happened,why?
make the css looks more comfortable

Do I like Genuies hour?
Yes!! I have do a website by using html and css.

Task list	Where I at?
div+css html website-amazon	Started
The header	started ing-
body	not yet
footer	not yet