摘要: 添加动画效果: @keyframes 名称 { (keyframes-selector)css动画样式 } 必须添加名称然后再css里边调用名称,必须有执行的时间,动画效果才可以生效 animation-name 名称:规定需要绑定到选择器的 keyframe 名称,必须要有,然后用css调用名称。 阅读全文
posted @ 2022-10-20 15:01 帅气丶汪星人 阅读(215) 评论(0) 推荐(0)
摘要: 动画过渡效果 transition:all .3s,默认效果,动画过渡效果为.3s,哪个元素使用就给哪个元素添加。 动画的过渡方式,是匀速运动还是加速,减速运动,transition-timing-function: ease(默认值)慢速开始,然后加速在减速;linear 匀速运动;ease-in 阅读全文
posted @ 2022-10-19 10:16 帅气丶汪星人 阅读(156) 评论(0) 推荐(0)
摘要: 定位:position;定位实现效果,让盒子压住盒子 position的属性:默认属性:static;元素是静止值,没有开启定位。 开启相对定位:relative;开启绝对定位:absolute;开启元素的固定定位:fixed;开启粘性定位:sticky; position:relative:相对定 阅读全文
posted @ 2022-10-12 11:12 帅气丶汪星人 阅读(214) 评论(0) 推荐(0)
摘要: 伪类选择器,浮动,文本一行显示,css显示隐藏,图片文字对齐显示,精灵图 结构伪类选择器 选择第一个:li:first-child;选择最后一个:li:last-child;选择其中一个:li:nth-child(n); 选择器工作原理,先查找位置,然后去匹配选择器位置上,是否是我们选择的标签,如果 阅读全文
posted @ 2022-10-12 10:35 帅气丶汪星人 阅读(183) 评论(0) 推荐(0)
该文被密码保护。 阅读全文
posted @ 2022-10-11 21:17 帅气丶汪星人 阅读(0) 评论(0) 推荐(0)
该文被密码保护。 阅读全文
posted @ 2022-10-11 20:44 帅气丶汪星人 阅读(0) 评论(0) 推荐(0)
该文被密码保护。 阅读全文
posted @ 2022-10-11 17:05 帅气丶汪星人 阅读(0) 评论(0) 推荐(0)