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 · 322 阅读 · 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 · 31647 阅读 · 5 评论 -
更改伪元素的css样式
方法一 $('.box').append("<style>#wei::after{display:none}</style>"); 方法二 >为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果: .wei.change:before{ width: 100%; }...原创 2018-03-07 21:52:02 · 1260 阅读 · 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 · 3840 阅读 · 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 · 1340 阅读 · 0 评论