- 博客(4)
- 收藏
- 关注
原创 这个问题超搞笑
发现一个有趣的现象,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .div2{ width:100px; height:200px; overflow-y:hid
2021-03-31 02:43:05
234
原创 CSS滚动条的一点心得
最近在学习滚动条的样式设计,遇到一些问题,碍于资料很少,很难得才找到问题所在的原因,记录一下,希望有一天当你遇到同样问题时,能得到一个解释。 /*滚动条样式*/ ::-webkit-scrollbar { /* 滚动条整体部分 */ } ::-webkit-scrollbar-button { /* 滚动条两端的按钮 */ } ::-webkit-scrollbar-track { /* 外层轨道 */ } ::-webkit-scrollbar-tr.
2021-03-30 18:03:53
149
原创 关于 position:fixed 的一点小小技巧
position 是用来设置元素的位置的,fixed 是该属性的一个值。 对于英文不好的初学者,可能会弄混 fixed 和 flex,可以自行百度这两个单词的意思。 对于 absolute 和 fixed 这两个常用的属性,有一个比较有趣的地方。 当你设定同时给定它们 widht,left 和 right时,right将失效,简单说,在固定宽度的情况下,浏览器无法兼顾 left right 这对矛盾体, 但如果你不设置 width,或者它的值为 auto 时,该元素会被 left 和 right 拉
2021-03-22 15:59:17
621
原创 纯手打高颜值轮播图,HTML5+CSS3+JQUERY
相信我,这是你能找到的,除了模板之外,纯手打的最强轮播图源码。 不论B站,还是imooc,除了模板我干不过(他们太专业了)。 我还是很自信吊打其他的轮播图组件的。 首先我的轮播图没有任何BUG,不论你怎么按,怎么玩,都不会有问题。 然后我给轮播图增加了一个进度条控件,然后追加了一些小细节作为彩蛋。 1、连续快速点击左右键,会进入快速切图模式(就是CSS3的动画不一样了) 2、鼠标放在指示器上,读条会停止。 3、没有使用任何定时器或者计时器一类的工具,我用两个回调函数设计了一个死循环。 4、因
2021-03-20 03:18:55
501
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人