总结下,CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
2015-02-10
缩写 时,color(颜色值)只能加到最后一组缩写中,否则无效。
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat,
red url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;
(可复制粘贴,测试)
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat,
red url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;
(可复制粘贴,测试)
2015-02-10
4-2 嵌入字体@font-face
@font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。
语法:
@font-face {
font-family : 字体名称;
src : 字体文件在服务器上的相对或绝对路径;
}
2015年2月10日
@font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。
语法:
@font-face {
font-family : 字体名称;
src : 字体文件在服务器上的相对或绝对路径;
}
2015年2月10日
2015-02-10
最赞回答 / derrick9006
源代码.columns { width: 500px; padding: 5px; border: 1px solid green; margin: 20px auto; columns: 150px 3; -webkit-columns: 100px 3; -moz-columns: 100px 3; -o-columns:100px 3; -ms-columns: 100px 3; }源代码显示width为500px当你三个设置为150 总长度为450剩下的50会平分给三个div...
2015-02-09