Long description

tyles dot c s s: Line 1: Forward slash asterisk fades content to invisible across 1.5 seconds asterisk forward slash. Line 2: dot makeItDisappear open curly brace. Line 3: filter colon opacity open parenthesis 0 close parenthesis semicolon. Line 4: transition hyphen duration colon 1.5 s semicolon. Line 5: transition hyphen property colon filter. Line 6: close curly brace. Line 7: Forward slash asterisk applies greyscale filter across 1.5 seconds asterisk forward slash. Line 8: Dot makeItGray open curly brace. Line 9: Filter colon grayscale open parenthesis 100 percent close parenthesis semicolon. Line 10: transition colon filter 1.5 s semicolon. Line 11: close curly brace. Comment to lines 7 to 11: Used when user moves mouse cursor over the image. When this happens, we are going to apply this C S S class to remove the color from the image. We won’t make this change immediately; instead it will happen gradually across 1.5 seconds. Line 12: Forward slash asterisk removes filters across 1.5 seconds asterisk forward slash. Line 13: Dot makeItNormal open curly brace. Line 14: filter colon none semicolon. Line 15: transition colon filter 1.5 s semicolon. Line 16: Close curly brace. Comment to lines 12 to 15: Used when user moves mouse cursor out of the image. When this happens, we are going to apply this C S S class to restore the color back to the image. We won’t make this change immediately; instead it will happen gradually across 1.5 seconds.

Example dot html: Line 1: open angle bracket div i d equals open double quotes main close double quotes close angle bracket. Line 2: open angle bracket i m g s r c equals open double quotes images forward slash 8 7 1 1 6 4 5 5 1 0 dot j p g close double quotes i d equals open double quotes mainImage close double quotes alt equals open double quotes main image close double quotes forward slash close angle bracket. Line 3: Open angle bracket p i d equals open double quotes content close double quotes close angle bracket. Line 4: Lorem ipsum dolor sit amet, consectetur adipiscing elit comma ellipsis. Line 5: Open angle bracket forward slash p close angle bracket. Line 6: Open angle bracket button i d equals open double quotes testButton close double quotes close angle bracket Hide open angle bracket forward slash button close angle bracket. Line 7: Open angle bracket forward slash div close angle bracket.