Chrome Devtools学习笔记——Elements篇

1. 选择器右下角可以快速添加css属性：

• text-shadow
• box-shadow
• color
• background-color

  

2. 定时函数编辑器

定时函数编辑用来修改CSS动画速度，包括transition和animation的动画曲线

3. DOM节点断点调试

• subtree modifications: 当添加，改变，删除子元素时触发
• attribute modifications: 当修改当前元素属性时触发
• node removal: 当移除元素时触发

  

4. animations工具

通过animations工具，查看页面所有动画时间间隔、曲线，点击定位css样式