Languages

This lesson covers six essential animation properties: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, and animation-direction. Overview of Properties Property Description Default animation-name Name of the @keyframes rule none animation-duration How long one cycle takes 0s animation-timing-function Speed curve ease animation-delay Wait before starting 0s animation-iteration-count How many times to repeat 1 animation-direction Direction of each cycle…

This lesson covers the remaining animation properties: animation-fill-mode, animation-play-state, animation-timeline, and animation-composition. Overview of Properties Property Description Default animation-fill-mode Styles before/after animation none animation-play-state Running or paused running animation-timeline Timeline that controls the animation auto animation-composition How multiple animations combine replace 1. animation-fill-mode Defines the styles applied to an element before and after the animation…

1. Selectors Basic Selectors Selector Syntax Description Element p { } Targets all elements by tag name Class .highlight { } Targets elements with a specific class ID #main-title { } Targets one unique element Universal * { } Targets all elements Attribute [type=”text”] { } Targets elements with a specific attribute Attribute Selectors Syntax…

CSS 1 IntroductionCSS 2 selectors and commentsCSS 3 unitsCSS 4 colors and color propertiesCSS 5 background related propertiesCSS 6 fonts and font propertiesCSS 7 line height and text decorationCSS 8 text-align, letter-spacing, word-spacing and text-transformCSS 9 text indent, vertical align, text align last, direction propertiesCSS 10 white space, text emphasis and text shadow propertiesCSS 11…