随手记录
zyzs
这个作者很懒,什么都没留下…
展开
-
CSS实现TikTok文字抖动效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { .原创 2021-03-01 17:29:59 · 155 阅读 · 0 评论 -
【Apple官网特效】文字充电效果
效果如下 代码 里面有关键点的注释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>转载 2020-12-01 01:37:29 · 218 阅读 · 0 评论 -
css 实现视差滚动
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css 视差滚动</title> </head> <style> body { padding:原创 2020-06-16 01:51:14 · 168 阅读 · 0 评论 -
移动端 的属性 touch
1 只有移动端才有touch 事件 三个分别为 touchstart 手指触碰屏幕时触发 touchmove 手指移动时触发 touchend 手指离开时触发 可以用来解决click 在移动端延迟问题 click事件在移动端的延迟在80-120之间一般 可以用下面代码测试实际时间 <script> var now document.ontouchstart = fun...原创 2020-05-04 22:14:33 · 169 阅读 · 0 评论