CSS
Search
Search
transform-origin
Allows you to change the position on transformed elements
6:02 am, September 25, 2020 transform
text-underline-position
Specifies the position of the underline which is set using the text-decoration property
6:02 am, September 25, 2020 text
scroll-behavior
Specifies whether to smoothly animate the scroll position in a scrollable box, instead of a straight jump
6:02 am, September 25, 2020 scroll-behavior
position
Specifies the type of positioning method used for an element (static, relative, absolute or fixed)
6:02 am, September 25, 2020 position
perspective-origin
Defines at which position the user is looking at the 3D-positioned element
6:02 am, September 25, 2020 perspective
object-position
Specifies the alignment of the replaced element inside its box
6:02 am, September 25, 2020 object
list-style-position
Specifies the position of the list-item markers (bullet points)
6:02 am, September 25, 2020 list
font-variant-position
Controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font
6:02 am, September 25, 2020 font
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
background-position
specifies the position of a background image, accepts multiple value types px % and locations, e.g: right center, or 0% 5%, or 10px 20px
5:21 am, September 18, 2020 background
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