图标文件大小说明：（1）woff2 < woff < ttf ≈ eot < svg；（2）从请求量上来看，woff\woff2格式的图标库最小。浏览器兼容性说明：（1）eot的兼容性只兼容ie浏览器，如下图所示：（2）svg的兼容性兼容ios、safari及低端安卓版本，如下图所示：（3）ttf的兼容性基本兼容所有，IE兼容情况不是很好，如下图所...
直接上干货。（1）超出一行，隐藏超出部分的文本并自动显示省略号，代码如下：overflow: hidden;//把超出的部分隐藏white-space: nowrap;//规定文本不进行换行text-overflow: ellipsis;//超出部分显示为省略号（2）超出两行甚至多行，隐藏超出部分的文本并自动显示省略号，代码如下：text-over...
cover flow是类似于苹果将多首歌曲的封面以3D界面的形式显示出来的方式。使用示例： var swiper = new Swiper(".mySwiper", { effect: "coverflow", slidesPerView: 3, grabCursor: true, centered...
只要支持css3的浏览器，就都支持@keyframes，@keyframes兼容性写法示例如下：@-webkit-keyframes mymove{from {top:0px;}to {top:200px;}}@-moz-keyframes mymove{from {top:0px;}to {top:200px;}}@-ms-keyframes m...
使用@keyframes规则，你可以创建动画。创建动画是通过逐步改变从一个CSS样式设定到另一个。在动画过程中，您可以更改CSS样式的设定多次。指定的变化时发生时使用％，或关键字"from"和"to"，这是和0％到100％相同。0％是开头动画，100％是当动画完成。为了获得最佳的浏览器支持，您应该始终定义为0％和100％的选择器。注意: 使用ani...
css3属性很多，并且有些无论是字母的拼写还是字面上的意思，都容易混淆。比如看了animation、transition、transform、translate这四个属性后，感觉头皮一层发麻，感觉好混乱。要切实深入了解他们之间的区别，我们就需要在极度冷静的状态下去学习css3的这四个属性的动画效果。一、先了解下这四个属性的含义：（1）animati...
只要支持css3的浏览器，就都支持translate，translate兼容性写法示例如下：-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50...
只要支持css3的浏览器，就都支持transition，transition兼容性写法示例如下：-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;
只要支持css3的浏览器，就都支持animation，animation兼容性写法示例如下： -webkit-animation: scaleDraw 5s linear infinite; -moz-animation: scaleDraw 5s linear infinite; -ms-animation: scaleDraw 5s linea...
只要支持css3的浏览器，就都支持transform，transform兼容性写法示例如下： -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
您已成功复制微信号
leishi010
打开微信添加好友？
确定
