第一模块
课程信息
课程名称:前端工程师
课程章节:动画效果实战1
课程讲师:未知
第二模块
课程内容: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动画效果实战课1</title> <style> *{ margin: 0; padding: 0; } .guang{ position: relative; top: 235px; left: 222px; animation:ss 1s ease 0s infinite alternate; } .dengpao{ position: absolute; top: 300px; left: 300px; } @keyframes ss{ form{ opacity: 1; } to{ opacity: 0; } } </style> </head> <body> <img class="dengpao" src="images/dengpao.png" alt=""> <img class="guang" src="images/guang.png" alt=""> </body> </html>
第三模块
学习收获与心得:
不要一味地逼自己学,还是要了解自己到底什么方法适合自己,定期花一些时间冥想反思有助于提升学习效率。还有,人的忘性极大,不及时巩固一些知识点就跟白学一样,所以定期回顾知识,尽量总结知识架构。
第四模块
学习完毕截图打卡: