2024-01-26 00:01:45
829
245
当我给盒子添加 点击事件的时候 他会事件冒泡到父元素上，所以 给父元素点击事件，那么红色的方块也会触发事件。这样就可以达到 让伪元素添加事件的效果了。思考：如何让 红色方块点击后会有事件？也可以避免组件冗余，添加类名即可。_js获取伪元素并设置点击事件
2024-01-26 00:01:41
675
469
本次案例我们分析一下数据可视化页面最常见的热点图是如何实现的，其原理并不复杂，只需要用到CSS3动画属性 animation 以及 @keyframe 关键帧即可，重点是向外扩散的环如何布局比较合适，以及每个环怎么扩散何时扩散比较合适。_css 大数据
2024-01-26 00:01:32
687
294
2023跨年代码（烟花 自定义文字 背景音乐 雪花 倒计时）简单 的 线上倒计时跨年烟花盛宴_2024年跨年代码
2024-01-26 00:01:30
956
888
我们希望可以一块一块的滚动，比如当前一个块滚出去了一部分并且后一个块滚进来一部分的时候，实现后一个块自动滚入或者前一个块回弹到初始位置这种效果，以前的时候用js需要写比较复杂的判断逻辑，后来有了一个css。scroll-snap-type指明了一个可以滚动的容器是否是scroll snap container , snap地是否严格() , 在哪个轴上实现snap效果。1、scroll-snap-type（吸附模式：添加到父元素中）snap这个方法，可以比较方便的实现想要的效果了，基本够用。_css 自动吸附
2024-01-26 00:01:20
265
329
我们浏览网页的时候总能看见一些炫酷的特效，比如百叶窗效果，本文我们就用HTML CSS制作一个百叶窗小项目，适合刚学前端的小伙伴，使用代码简单易懂，很容易上手，学习完本文后，相信你也能敲出来属于自己的百叶窗效果，改变图片及相应盒子的大小，有女朋友的可以试着放几张在一起的照片，也是一件非常浪漫的事_html百叶窗效果