-
@Keyframes 需要与 animation配合使用查看全部
-
设置元素背景图片的原始起始位置。 background-origin ： border-box | padding-box | content-box; ps: 如果背景不是no-repeat，这个属性无效，它会从边框开始显示。查看全部
-
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
产生3d翻转动画效果的是这三样式以及对应的transition配合： .three-d:not(.active):hover .three-d-box { transform: translateZ(-25px) rotateX(90deg); } .front { transform: rotatex(0deg) translatez(25px); } .back { transform: rotatex(-90deg) translatez(25px)； } 以及很关键的transform-style: preserve-3d; perspective: 200px;查看全部
-
/*使用伪元素制作导航列表项分隔线*/ .nav li::after { content: ""; position: absolute; width: 1px; height: 20px; background-image: linear-gradient(to right, #333, grey); }查看全部
-
text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
实心圆： 方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半 div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }查看全部
-
实心上半圆： div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }查看全部
-
CSS3中设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。 语法规则： animation-iteration-count: infinite | <number> [, infinite | <number>]* 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。查看全部
-
总结下，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;查看全部
-
4t4t4t查看全部
-
a[class^="aaa"]{ }开头是aaa匹配。 a[href&="aaa"]{} 结尾是aaa匹配 a[title*="aaa"]{ }任意位置匹配查看全部
-
text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法： 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 语法： normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可。查看全部
-
在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。查看全部
-
css生成内容查看全部
举报
0/150
提交
取消