前端初学者小练习
前端初学者小练习
爱吃彩虹吐司的安琪拉
这个作者很懒,什么都没留下…
展开
-
简单的楼层跳转效果
这个练习的关键点在于理解元素的尺寸与位置。一、效果二、具体代码<style> *{ margin: 0; padding: 0; text-decoration: none; } header,footer{ width: 800px; height: 100px; background-color: blueviolet; margin: .原创 2021-07-27 11:17:35 · 226 阅读 · 0 评论 -
鼠标移入搭建盒子效果
通过这个练习可以进一步锻炼思维,并普及一下nth-of-type和nth-child的区别。一、效果二、具体代码(注意每个li的位置)<style> *{ padding: 0; margin: 0; list-style: none; } html,body{ width:100%; height: 100%; background-color: blac.原创 2021-07-27 10:59:38 · 127 阅读 · 0 评论 -
利用animate()方法实现小球动态效果
一、引入css<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">二、实现效果三、具体代码<style> *{ margin: 0; padding: 0; } html,body{ width: 100%; heigh.原创 2021-07-27 10:21:53 · 412 阅读 · 0 评论