css
Alice9969
越努力,越幸运 / 勤能补拙
展开
-
css3 sticky不生效
转载自:https://www.jianshu.com/p/b72f504121f5作者:这名字真不对著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。总结原因:1. top、bottom 的生效距离由最近一个overflow属性是hidden scroll auto或 overlay 的祖先元素决定。2. 父元素为overflow:hidden时,由于容器内无法滚动,所以实际上也无法生效。3.必须指定top、bottom、left、right4个..转载 2021-08-14 09:41:13 · 441 阅读 · 0 评论 -
less循环类
参考、转载地址:https://blog.csdn.net/weixin_42801311/article/details/108098258需求:遍历某个类10次代码:.loop( @index) when(@index <= 10 ) { .ml-@{index} { margin-left: @index * 1px; } .loop(@index + 1);}.loop(1);结果:.ml-1 { margin-left: 1px;}.m转载 2021-01-13 22:40:05 · 219 阅读 · 0 评论 -
解决less中calc无法正确计算的方法
转载:https://blog.csdn.net/panyox/article/details/79049931calc括号内容,放在 ~" " 中即可:width:calc(~"100% - 80px")转载 2020-11-20 16:01:43 · 251 阅读 · 0 评论 -
神奇的一行代码功能
转载链接:https://blog.csdn.net/csdnnews/article/details/1069535291. 一行代码修改网页任意内容以前改网页内容,你可能直接修改源代码,但知道了下面这个命令,打开浏览器,在Console中输入:document.body.contentEditable = 'true';( 整个网页就像一个富文本编辑器,你可以对任何一块内容进行修改)4. 一行代码网站变黑白html { filter: greyscale(1) }( f.转载 2020-06-26 11:16:00 · 200 阅读 · 0 评论 -
jQuery支付密码框
参考:https://blog.csdn.net/ansheng02/article/details/84637356?tdsourcetag=s_pctim_aiomsg思路:①使用隐藏的input获取输入的密码内容,并根据输入内容判断密码的长度进而展示*的个数;②使用li展示样式;完善了原文章没有做密码长度限制为6位数及密码选中效果。<!DOCTYPE html...转载 2020-01-07 23:00:52 · 397 阅读 · 0 评论 -
css 图片自适应
在 bootstrap 中看到的:.img-responsive{ display: inline-block; max-width: 100%; height: auto;}/*还有个在 Metronic 看到的:*/.img-responsive{ display: block; width: 100%;}转载 2017-12-15 11:03:47 · 299 阅读 · 0 评论 -
原生JS动画
思路:1.原生js使用setInterval 每N秒钟改变属性值;2.原生js使用setInterval 每N秒钟改变属性值,结合css transition 属性,实现效果,效果较好; HTML:<div id="test" style="width: 0px; height: 100px; background-color:pink;"></div>...原创 2018-08-17 12:04:03 · 592 阅读 · 0 评论