CSS3是CSS的升级版,引入了许多新的特性,让我们看看其中一些新特性。
1.边框圆角
border-radius: 10px;
2.阴影效果
box-shadow: 2px 2px 5px #888;
3.透明度
opacity: 0.5;
4.背景渐变
background: linear-gradient(to bottom,#f00,#00f);
5.文字阴影
text-shadow: 1px 1px #888;
6.多列布局
column-count: 3;
7.动画效果
animation: move 2s infinite; @keyframes move { 0% {left:0px;} 50% {left:200px;} 100% {left:0px;} }
8.媒体查询
@media screen and (max-width: 768px) { body { font-size: 14px; } }
以上是CSS3的一些新特性,还有许多其他的新特性可以进一步研究。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。