Smile_ping的博客

使用css+scss方式实现电池刻度效果

css实现文字渐变效果

css实现毛玻璃效果，结合相关渐变属性使用

scss @for与rgba函数巧妙使用

使用css样式，实现元素无缝滚动

垂直居中 有高度 方式一：（height）使用 margin + position 方式二：（height） 使用 margin /*方式一：*/ .center { height: 100px; width: 200px; position: absolute; top: 50%; margin-top: -50px; background-

水平居中 方式一：使用 行内元素 方式二：使用 margin 方式三：使用 position 方式四：使用 伪元素 div class="wrap"> div class="center">Testdiv> div> /*方式一：*/ .wrap { text-align: center; } .center { width: 200px; di

1. 左边定宽，右边自适应 方案一：float + margin 方案二：float + calc div class="left">div> div class="right">div> /*方案一：*/ .left { height: 100px; width: 120px; float: left; background-color

酷炫径向渐变按钮 使用到： CSS变量用法 参考： http://www.ruanyifeng.com/blog/2017/05/css-variables.html HTML <button class="button"> <span>Hover me I'm awesome</span> </button> CSS ...

关于rem适配 适配对于我，比较头痛，发现自己在项目中用的那套方式，不方便计算且有点不精准。(也许没有正确使用)， 大神朋友推荐了其它方式， 一起来测试吧。。。 测试了以下方式 方式一： 设置根字号 + 媒体查询 方式二： 使用 JS 计算（方便） 方式三： 使用 flexible.js 方式一： 设置根字号 + 媒体查询 * 首先 设置 html 根据号 （自定义） * 定...