每日学习 #6-8

发布于 2021-06-08  995 次阅读


每日学习 #6-8

上午

上午继续做那些简单到死的网页去参加比赛,终于算是做完了,三个静态页面加上点动态轮播图啥的,拖这么久才做完我也是醉了

下午

发现几个可以在线添加动画效果的谷歌插件,

image-20210608202052230

这三个插件都可以在线添加不少的动效,而且十分方便,之后假如那三个静态页面需要添加动效的话也正好可以试着用用看。

不过这些调试工具需要有服务器的网页才能够进行获取并进行动效添加,也不知道是什么原理

前面两个插件的添加方式基本雷同。

Animation Generator

https://chrome.google.com/webstore/detail/animation-generator/kionilekanaambbbnjghihllokicnnlj

插件链接

这个的添加方法是在需要添加动效的元素身上加上anim-开头的class或者id之后再在

image-20210608202547081

element底下的二级菜单中寻找到animation来进行调试

Animation

https://chrome.google.com/webstore/detail/animation/lhbbbidpkalopmenjffckblgbdhcffpa

插件链接

同上,这个更方便些,

image-20210608202735148

可以直接选中元素来进行添加调试

CSS Brio

https://chrome.google.com/webstore/detail/css-brio/jobnjchaapmooplimahhnailldelmmed

插件链接

image-20210608202845090

这个可以通过直接选中元素再选中效果就行,只需要在右上角点击出来进行选中

image-20210608202934481

晚上做作业


一个在痛苦与迷茫中行走的人偶