css3动画,文本阴影,多媒体查询

137 阅读1分钟

动画 1.animation-iteration-count动画的播放次数 值通常为整数,默认值为1 特殊值infinite,表示动画无限次播放

2.animation-direction动画的播放方向 normal,动画每次都是循环向前播放 alternate,动画播放为偶数次则向前播放

文本阴影 1.text-shadow属性适用于文本阴影 例如:给标题添加阴影 h1{text-shadow:5px 5px 5px #ff0000} 水平,垂直,模糊距离,以及阴影的颜色 2.box-shadow属性适用于盒子阴影 3.text-overflow属性是在用户端内容被截断呈现的方式 例如:text-overflow:ellipsis截断部分出现省略号 text-overflow:clip内容多出部分被隐藏

多媒体查询 1.viewport(视窗)的宽度与高度 设备的宽度与高度 2.not:是用来排除某些特定设备 3.only:用来定某种特别的媒体类型 4.all:所有设备,这个应该经常看到 多媒体查询简单实列 @media screen and(min-width:600px){ div{background-color:red } }