Css
写多个物件css3循环动画案例原理
在写h5页面中，我们可能经常遇到要写很多css3动画，有没有同学遇到多个物件同样的动画效果，循环保存步调一致呢，我就经常碰到，之前一直不知道其中的原理，只是简单的迁移改改，可是遇到稍微复杂多一点的就hold不住了，只能硬着头皮去分析其中的原理。那么接下来，让我们先看看案例，然后了解之中的原理css3动画循环案例&n...
常用 CSS 中文字体 Unicode 编码表
为什么要在CSS中设置字体用字体Unicode编码 在CSS中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8等）不匹配时会产生乱码的错误。为此，在CSS直接使用Unicode编码来写字体名称可以避免这些错误。使用Unicode写中文字体名称，浏览器是可以正确的解析的。例如：font-fam...
css3效果隔两秒旋转然后停两秒再继续旋转，无限循环
<styletype="text/css">/*底部天象APP红包下载*/.public_footer_app,.animation{position:fixed;right:15px;bottom:46px;z-index:40;background:url(data:image/png;base64,i...
CSS3文本超出两行,显示省略符号
网站开发过程中经常性遇到标题或者描述超出添加省略符号的问题，这个问题关系到了界面的排版，在这里就和大家分享一下，如果去设置这个CSSCSS代码如下:width:100%;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;-webkit-box-o...
vue-cli3.0 使用postcss-plugin-px2rem（推荐）和 postcss-pxtorem（postcss-px2rem）自动转换px为rem 的配置方法；
如何在vue-cli3.0中使用postcss-plugin-px2rem 插件插件的作用是 自动将vue项目中的px转换为rem。为什么这三个中要推荐 postcss-plugin-px2rem呢？ 因为 postcss-plugin-px2rem 这个插件&nbs...
css3之 景深
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><stylemedia="screen">.box{width:200px;height:200px;backg...
PostCSS理解与运用
1、PostCSS是什么它可以被理解为一个平台，可以让一些插件在上面跑它提供了一个解析器，可以将CSS解析成抽象语法树通过PostCSS这个平台，我们能够开发一些插件，来处理CSS。热门插件如autoprefixer安装npminstall-gpostcss-cli//全局安装postcssnpminsta...
css颜色渐变在不同浏览器的设置
在web开发中,难免会遇到浏览器之间的兼容问题，关于Css设置颜色渐变下面有解决的办法，直接上代码：适用于谷歌浏览器：background:-webkit-gradient(linear,00,0100%,from(#4285fa),to(#366dcb));from:是指渐变起始颜色to:是指渐变结束的颜色适用于火狐...
SAE上无法加载css等文件
如果你的SAE用到了这些文件，你会发现本地虽然能够运行成功，但是SAE上却无法加载。其实就是地址发生了变化，我们告诉SAE这些东西怎么找就可以了。例如我的css和js文件放在了app/static/文件夹下面，那么我们就在config.yaml中加入这些配置：handlers:-url:/staticstatic_di...
