一.css3新特新css新特新
===============
1.css3新特新边框效果
border-radius
box-shadow
border-image
2.背景效果
background-size
background-origin
3.css3新特新文本效果
text-shadow:
word-wrap:break-word;允许单词超过拆分换行。
4.css3新特新字体
<pre>
<style>
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9+ */
}
div
{
font-family:myFirstFont;
}
</style>
</pre>
5.css3新特新2d效果transform
translate()
rotate()
scale()
skew()
matrix()
6.css3新特新@keyframes test
animation test
7.css3新特新多列
column-count
column-gap
column-rule
===============
1.css3新特新边框效果
border-radius
box-shadow
border-image
2.背景效果
background-size
background-origin
3.css3新特新文本效果
text-shadow:
word-wrap:break-word;允许单词超过拆分换行。
4.css3新特新字体
<pre>
<style>
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9+ */
}
div
{
font-family:myFirstFont;
}
</style>
</pre>
5.css3新特新2d效果transform
translate()
rotate()
scale()
skew()
matrix()
6.css3新特新@keyframes test
animation test
7.css3新特新多列
column-count
column-gap
column-rule