css
zifeiyu130
这个作者很懒,什么都没留下…
展开
-
利用css换行技术实现加载中动画效果
效果图css代码dot { display: inline-block; height: 1em; line-height: 1; vertical-align: -.25em; overflow: hidden;}dot::before { display: block; content: '...\A..\A.'; white-spa原创 2017-12-27 16:18:26 · 284 阅读 · 0 评论 -
css透明背景与多重背景的实现技巧
效果 源码html lang="en">head> meta charset="UTF-8"> title>Documenttitle>head>style> body{ background: #999; } .box{ width: 100px; height: 100px; float: left; margin-原创 2018-01-12 23:19:01 · 666 阅读 · 0 评论 -
解决页面滚动条出现和消失的过程页面会横向移动的问题
平时我们看一些网页刚开始加载的时候没有多少内容,页面也没有出现纵向滚动条,当我们点击加载更多,页面内容高度超过一屏于是出现滚动条,这个时候,页面会向左横向移动一段距离,正好是滚动条的宽度,这是因为滚动条的出现占据了原本属于内容显示区的空间,自然内容就会被挤到左边去,毕竟这是一个很不好的体验,那么有什么好的解决方案呢? 这里我们可以借助css3 的语法: calc(): 用于计算,IE9+浏览器原创 2018-01-10 18:55:36 · 6932 阅读 · 0 评论 -
快速制作雪碧图
分享一个快速生成雪碧图并生成对应css代码的网站 https://www.toptal.com/developers/css/sprite-generator 左边上传图片,右边生成雪碧图,并且可以选择图片的排列形式。原创 2018-01-30 09:35:30 · 12615 阅读 · 3 评论