![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 52
荻野泽溪
记录bug
展开
-
css 给不规则图片设置阴影(发光效果)
问题:想实现给不规则图片设置阴影,使其看起来像发光的效果,box-shadow的确可以加阴影,但是只适合div及一些规则的图片,如图:解决方案:css有一个filter函数,它是给图像设置一个阴影效果。阴影是合成在图像下面,可以有模糊度的,可以以特定颜色画出的遮罩图的偏移版本。除了"inset"关键字是不允许的。该函数与已有的box-shadow属性很相似;不同之处在于,通过滤镜,一些浏览器为了更好的性能会提供硬件加速。<shadow>参数如下:注意:Internet .原创 2021-03-25 15:51:41 · 4572 阅读 · 0 评论 -
纯css改变文本内容及样式
效果图:<div class="a"></div><style> .a{ position: fixed; left: -30px; bottom: 100px; color: red; padding: 15px; width: 30px; height: 30px; background: lightpink; text-align: center; border-radius: 50%; dis.原创 2020-11-25 14:36:00 · 5419 阅读 · 0 评论 -
纯css文字渐变动画效果
<div class="music-title"> 时间都去哪儿了</div><style scoped> .music-title{ font-size: 40px; color: #de6f64; background-image: -webkit-linear-gradient(left, #ffdcb4, #b96972 25%, #e88a57.原创 2020-09-08 10:07:29 · 1075 阅读 · 1 评论 -
css渐变写法 从左到右颜色渐变
background:linear-gradient(to right,#fff,#000)原创 2019-01-11 09:26:46 · 15434 阅读 · 1 评论 -
css 替换标签文本内容
有些UI组件内容不好自定义的,我们可以操作dom节点替换内容,例如:$('#content').html('替换内容')我们也可以用css替换,如下:<div id='content'> <span>今天</span></div><style> #content span{ displ...原创 2019-09-25 11:42:51 · 11059 阅读 · 1 评论