首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS小案例
酸了吧唧的胖丁
创建于2022-04-15
订阅专栏
随堂笔记
暂无订阅
共5篇文章
创建于2022-04-15
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
节流与防抖
- 节流:同一时间段内,只触发一次。利用节流阀,等程序第一次执行完毕之后,再执行下一次 - 防抖:规定时间内,多次触发,以最后那次触发开始重新计时。
倒计时
利用时间戳实现倒计时功能,将时间差对应的时间戳转化为天、时、分、秒。时间戳小于0时,清除定时器setInterval
Tab栏切换
js实现tab栏切换的小案例,主要是有个排他思想,如果先有active的效果,就先移除,然后给自己加。但是如果没有active就不能先移除,用逻辑与进行移除
使盒子有光影效果
skewx(): 指定对象X轴的(水平方向)扭曲。光影盒子先位于标准盒子左方的100%宽度,鼠标经过标准盒子时,光阴盒子向右移动200%的宽度
CSS两面翻转效果
transform-rotate的相关使用,实现翻转的效果。需要运用同时需要搭配translatZ()属性使用