CSS
Search
Search

transition-timing-function
Specifies the speed curve of the transition effect
6:02 am, September 25, 2020 transition

transition-property
Specifies the name of the CSS property the transition effect is for
6:02 am, September 25, 2020 transition

transition-duration
Specifies how many seconds or milliseconds a transition effect takes to complete
6:02 am, September 25, 2020 transition

transition-delay
Specifies when the transition effect will start
6:02 am, September 25, 2020 transition

transition
A shorthand property for all the transition-* properties
6:02 am, September 25, 2020 transition

clear
modifies the side of an element that other floating elements are no longer allowed to float. can be used after a row of floating elements. none|left|right|both|initial|inherit
6:02 am, September 25, 2020 clear

break-inside
Specifies whether or not a page-, column-, or region-break should occur inside the specified element
6:02 am, September 25, 2020 break

break-before
Specifies whether or not a page-, column-, or region-break should occur before the specified element
6:02 am, September 25, 2020 break

break-after
Specifies whether or not a page-, column-, or region-break should occur after the specified element Usually used in print @media to specify a break in the content. You can test the following demo's ..
6:02 am, September 25, 2020 break

box-sizing
box-sizing defines how the height and width of an element are calculated and if they should include borders and padding this usually defines the box sizing and is included in a html reset like * { bo..
6:02 am, September 25, 2020 box

box-shadow
sets a shadow or multiple shadows on an element none|h-offset v-offset blur spread color |inset|initial|inherit
6:02 am, September 25, 2020 box

box-decoration-break
changes the behavior of the border and background of an element at page-break, or, for in-line elements, at line-break.
6:02 am, September 25, 2020 box

bottom
Sets the elements position, from the bottom of its parent element This is usually used on absolute positioned elements aligning them from the bottom of the relative element.
6:02 am, September 25, 2020 bottom

animation-timing-function
the animation-timing-function property uses a Cubic Bezier curve function to change the speed of the animation
6:37 am, September 22, 2020 animation

animation-play-state
animation-play-state controls if the animation is playing or not
6:34 am, September 22, 2020

animation-name
animation-name specifies the name of the animation if there is one
1:23 am, September 22, 2020 animation

animation-iteration-count
animation-iteration-count controls how many times the animation is played
1:20 am, September 22, 2020 animation

animation-fill-mode
animation-fill-mode specifies a style for the element when the animation is not playing
1:17 am, September 22, 2020 animation

animation-duration
animation-duration specifies the duration of the current animation the timing can be in seconds or miliseconds
1:13 am, September 22, 2020 animation

animation-direction
The animation-direction property controls the animation direction and can set it to the reverse, alternate or alternate-reverse. You can see it in action with the demo's below.
1:32 am, September 21, 2020 animation

animation-delay
animation-delay controls the delay before the animation starts
12:24 am, September 21, 2020 animation