css
关注
分享
扫一扫
文章平均质量分 56
Smile_ping
stay hungry stay foolish
展开
-
css实现电池刻度效果
使用css+scss方式实现电池刻度效果原创 2023-06-10 18:21:36 · 448 阅读 · 0 评论 -
css文字裁剪实现渐变
css实现文字渐变效果原创 2022-12-05 11:26:57 · 705 阅读 · 1 评论 -
css实现毛玻璃效果
css实现毛玻璃效果，结合相关渐变属性使用原创 2022-12-01 10:36:15 · 821 阅读 · 0 评论 -
scss @for与rgba函数巧妙使用
scss @for与rgba函数巧妙使用原创 2022-11-02 10:12:19 · 913 阅读 · 0 评论 -
css3实现无缝滚动
使用css样式，实现元素无缝滚动原创 2022-10-16 11:45:00 · 1064 阅读 · 0 评论 -
关于rem移动端适配
关于rem适配适配对于我，比较头痛，发现自己在项目中用的那套方式，不方便计算且有点不精准。(也许没有正确使用)， 大神朋友推荐了其它方式， 一起来测试吧。。。测试了以下方式方式一： 设置根字号 + 媒体查询方式二： 使用 JS 计算（方便）方式三： 使用 flexible.js方式一： 设置根字号 + 媒体查询* 首先 设置 html 根据号 （自定义）* 定...原创 2018-04-01 19:27:25 · 498 阅读 · 0 评论 -
酷炫径向渐变按钮
酷炫径向渐变按钮使用到： CSS变量用法参考： http://www.ruanyifeng.com/blog/2017/05/css-variables.htmlHTML<button class="button"> <span>Hover me I'm awesome</span></button>CSS...原创 2018-02-27 18:30:35 · 576 阅读 · 0 评论 -
css相关《自适应布局》
1. 左边定宽，右边自适应方案一：float + margin方案二：float + calcdiv class="left">div>div class="right">div>/*方案一：*/.left { height: 100px; width: 120px; float: left; background-color原创 2018-01-20 22:15:56 · 368 阅读 · 0 评论 -
css《水平居中》
水平居中方式一：使用 行内元素方式二：使用 margin方式三：使用 position方式四：使用 伪元素div class="wrap"> div class="center">Testdiv>div>/*方式一：*/.wrap { text-align: center; } .center { width: 200px; di原创 2018-01-21 15:26:13 · 264 阅读 · 0 评论 -
css《垂直居中_定高度&不定高度》方式
垂直居中有高度方式一：（height）使用 margin + position方式二：（height） 使用 margin/*方式一：*/.center { height: 100px; width: 200px; position: absolute; top: 50%; margin-top: -50px; background-原创 2018-01-21 15:12:31 · 778 阅读 · 0 评论