![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
1241461622
这个作者很懒,什么都没留下…
展开
-
常用不容易记住的css粘贴
1.解决英文溢出word-break: break-all;2.换行显示文字white-space: normal;word-break: break-all;word-wrap: break-word;3.多行省略overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webk...原创 2018-03-07 21:45:13 · 307 阅读 · 0 评论 -
css3实现一个上下浮动的动画效果
main .heart{animation: heart 1.3s ease-in-out 2.7s infinite alternate;}//margin-top会发生卡顿@keyframes heart{from{margin-top:0px;}to{margin-top:-6px;}}//用transform就流畅了@keyframes heart{from{tra...原创 2018-03-07 21:48:51 · 31548 阅读 · 5 评论 -
更改伪元素的css样式
方法一 $('.box').append("<style>#wei::after{display:none}</style>");方法二>为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果:.wei.change:before{ width: 100%;}...原创 2018-03-07 21:52:02 · 1251 阅读 · 0 评论 -
css实现高斯模糊样式
/** 格式,filer: blur(模糊半径) * 模糊半径,取值范围0~Npx,0为无效果 */ -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: b...原创 2018-04-16 11:30:24 · 3825 阅读 · 0 评论 -
长方形图片居中设置成圆形
html&lt;div class="box" style="width:125px;height:125px;"&gt;&lt;/div&gt;css .box{ background-image: url(http://jtk8jh.natappfree.cc/mrjy_file/backup/maintain/diyVideoOrA原创 2018-12-10 17:31:36 · 1309 阅读 · 0 评论