Css+JavaScript动态归档
部分需要借助bootstrap/JavaScript来完成
白光划过效果
卡片翻面效果
立体旋转效果
TRANSFORM
辅助实现伪元素/渐变/preserve-3d/过渡/backface-visibility
毛玻璃
鼠标悬浮放大
追随鼠标
DOCUMENT
辅助实现backdrop-filter/offsetLeft/阴影/监听/透明度
"少年与爱永不老去，即便披荆斩棘，丢失怒马鲜衣。"
ADDEVENTLISTENER
辅助实现计时器/鼠标事件/function/伪数组/querySelector/循环
|
What needs to be done today
今日必须完成的事件: |
|
|---|---|
|
保持开心快乐和热忱
Keep happy and enthusiastic |
|
|
保持足够的睡眠和进食
Get enough sleep and eat |
CHECKBOX
辅助实现click事件/Length/全等运算符/addEventListener
ACCORDION
辅助实现style/光标经过/光标离开/transition
MAGNIFIER
辅助实现事件委托/offset/弹性布局/getBoundingClientRect
"世界那么大，没必要害怕没必要总是迷茫。"
中岛美嘉-《仆が死のうと思ったのは》
"愿我足够坚强，直至凝固海浪。"
THE HURTS-《water》
"不一定原谅所有,不怕多少个白昼。"
张远-《哼》
"太阳会升起在某个清晨，一道彩虹两个人。"
毛不易-《借》
"看天空里浮云悠游,羡煞了我的不自由。"
苏打绿-《频率》
"一条殊途，绝不回转。"
呦猫-《梦回还》
"每个人都喜欢我。"
OneRepublic-《everybobdy loves me》
"彩虹化作我的屋顶，这是比谁都可爱的世界。"
金泰妍-《UR》
FILTER
辅助实现filter/箭头函数/join/对象数组