CSS3 学习
2014-03-23 10:43
267 查看
border-radius:
半径,不用学了,用得很熟了,但要记得它的某一个角的写法是border-top/bottom-left/right-radius: ,参数中的两个值为先左右后上下,支持百分号
box-shadow:
div加阴影,语法为box-shadow: h-shadow v-shadow blur spread color inset;
text-shadow:
文字阴影,类似box-shadow
word-wrap:
只有break-word or normal
@font-face:
安全字体
transform:
2D变换,要加前缀,平移是相对的,还可以旋转拉伸各种,对应函数有translate(),rotate(),scale(),skew()(翻转)等,3D的有rotateX(),rotateY(),rotate3D(),scale3D()等
transition:
过渡,要加前缀too,好东西一枚不可放过
@key-frames
css动画,so magical,from{}to{}语法或0%{}x%{}y%{}100%{}语法
半径,不用学了,用得很熟了,但要记得它的某一个角的写法是border-top/bottom-left/right-radius: ,参数中的两个值为先左右后上下,支持百分号
box-shadow:
div加阴影,语法为box-shadow: h-shadow v-shadow blur spread color inset;
text-shadow:
文字阴影,类似box-shadow
word-wrap:
只有break-word or normal
@font-face:
安全字体
transform:
2D变换,要加前缀,平移是相对的,还可以旋转拉伸各种,对应函数有translate(),rotate(),scale(),skew()(翻转)等,3D的有rotateX(),rotateY(),rotate3D(),scale3D()等
transition:
过渡,要加前缀too,好东西一枚不可放过
@key-frames
css动画,so magical,from{}to{}语法或0%{}x%{}y%{}100%{}语法
相关文章推荐
- CSS3 学习笔记
- html5+css3学习课程
- 微软IE9预览版全面(100%)支持HTML5和CSS3,到学习使用Html5的时候了
- CSS3总结学习(一):CSS3用户界面
- CSS3学习(七)响应式布局基础
- css3 @keyframes 动画规则学习
- CSS学习笔记----CSS3自定义字体图标
- 学习使用 CSS3 制作网站面包屑导航效果
- HTML5+CSS3学习(-)创建HTML5
- HTML5+CSS3学习(三)头部和元数据
- html5+css3学习笔记-prefixfree前缀补全插件
- css3学习 理论之多列布局
- PHP学习笔记第【4】天(2014.11.03)——CSS3
- HTML5+CSS3+JS学习笔记-5
- 重大学习css3 的filter之drop-shadow牛逼
- html5和css3学习计划
- CSS3学习笔记--1
- 从零开始学习前端开发 — 12、CSS3弹性布局
- [CSS3学习]画出一个扇形
- CSS3学习总结二