CSS
蒋不会
行你所行,听从你心,无问西东。
展开
-
纯css 加载动画
NO.1<div class="NZ-loading-container loading-inline"> <div class="NZ-loading-item NZ-loading-cricel-1"></div> <div class="NZ-loading-item NZ-loading-cricel-2"></div> <div class="NZ-loading-item NZ-loading-cricel-3">原创 2020-10-22 15:17:07 · 235 阅读 · 0 评论 -
css改变图片颜色(加有色滤镜)
图片需要改颜色的部分需调成纯黑色,背景为纯白色<style type="text/css"> .box{ width: 230px; height: 200px; background-image: url(img/bg.png),linear-gradient(#C62F2F,#C62F2F); background-blend-mode: lighten; background-size: 100% 100%; }</style><div c.原创 2020-07-07 15:09:27 · 2814 阅读 · 0 评论 -
a标签里嵌套a标签
由于需求需要在a标签里面再嵌套一层a标签:<a href="javascript:;"> father tag A <a href="javascript:;">Child tag A</a></a>结果样式乱了套,一看,耶?明明是父子关系,浏览器解析的结果却是:一番查阅:a标签嵌套a标签,浏览器会自动添加结束符号。而H...原创 2018-12-20 14:21:47 · 5098 阅读 · 2 评论 -
CSS动态能量加载水球
效果如下:原创 2018-12-24 11:18:51 · 2639 阅读 · 0 评论 -
页面加载进度条百分比实现的伪方法
网页进度条是能够带来更好的用户体验,避免加载过程中一度出现空白页面,但是由于目前浏览器不可以直接获取正在加载对象的大小。所以我们无法通过数据大小来实现 0%~100% 的加载显示过程。因此各种"偏方"随之而来,给出页面加载进度的一个“假象”,其实用户并不在乎页面是不是真的加载到了百分之几,更多人关心只是还要loading多久,so,以假乱真,让用户觉得希望就在下一秒 。٩(๑&gt;◡&lt;๑)...原创 2019-01-26 11:26:00 · 5382 阅读 · 0 评论 -
css中margin属性值百分比的使用
margin使我们使用得很频繁的一个属性,用来设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度,可以有 1 到 4 个值。例子:margin:10px 5px 15px 20px;说明:属性值描述auto浏览器计算外边距length规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px%规定基于父元素的宽度的百分比的外边距inheri...原创 2019-02-21 17:27:41 · 12923 阅读 · 3 评论