CSS3 @media 查询

定义和使用使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。浏览器支持表格中的数字表示支持 @media 规则的第一个浏览器的版本号。Rul 谷歌I 火狐 Safar Oper@medi23.4.CSS 语法@media mediat...

CSS3写出淡入淡出的样式效果

要用到@keyframes动画属性。实现页面淡入特效,在火狐24版、chrome29版、IE10中测试通过IE9及以下浏览器不支持此特效。淡入代码@keyframes fade-in {      0% {opacity: 0;}/*初始状态 透明度为0*/      40% {opacity: 0;}/*过渡状态 透明度为0*/      100% {opacity: 1;}/*结束状态 透明度为1*/  }  @-webkit-keyfra...