Css3 Cheat Sheet
Css3 Cheat Sheet
A rule that allows websites to download and use fonts other than the
"web-safe" fonts
font-size-adjust
font-stretch
border-bottom-left-radius
border-bottom-right-radius
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-radius
border-top-left-radius
border-top-right-radius
box-shadow
hanging-punctuation
punctuation-trim
text-align-last
Describes how the last line of a block or a line right before a forced
line break is aligned when text-align is "justify"
text-emphasis
text-justify
text-outline
text-overflow
text-shadow
text-wrap
word-break
word-wrap
Allows long, unbreakable words to be broken and wrap to the next line
color-profile
Permits the specification of a source color profile other than the default
Opacity
rendering-intent
transition
transition-property
Specifies the name of the CSS property the transition effect is for
transition-duration
transition-timingfunction
transition-delay
transform
transform-origin
transform-style
perspective
perspective-origin
backface-visibility
target
target-name
target-new
target-position
grid-columns
grid-rows
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf')
,url('Sansation_Light.eot') format("opentype"); /* IE */
}
div.main
{
font-family:myFirstFont; border:2px
solid;
-moz-border-radius:25px; /* Firefox */
-webkit-border-radius:25px; /* Safari and Chrome */ borderradius:25px;
-moz-box-shadow: 10px 10px 5px #888888; /* Firefox */
-webkit-box-shadow: 10px 10px 5px #888888; /* Safari and Chrome */ boxshadow: 10px 10px 5px #888888;
}
div.main ul#animateList li a
{
cursor: pointer;
-webkit-transition: padding-left 250ms ease-out;
-moz-transition: padding-left 250ms ease-out;
/* trans pattern: property duration timingMethod delay */
}
div.main ul#animateList li a:hover
{
padding-left: 20px;
}