![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
小荣的网络开发日志
这个作者很懒,什么都没留下…
展开
-
Css复习之选择器
Css复习之选择器Css选择器简单选择器:id,class,element,*选择器组合选择器:div p后代选择器,子选择器>,相邻兄弟选择器+,通用兄弟选择器~。伪类选择器锚伪类------->a:link/visited/hover/active/:focus指定元素聚焦后:first-child;last-child;nth-child(n) lang 伪类------->指定使用语言, 更多查菜鸟伪元素:first-line/::first-le原创 2021-07-09 18:55:36 · 56 阅读 · 0 评论 -
弹性盒子(伸缩盒)的使用与介绍
伸缩盒的介绍介绍弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。直接用之前学的需要给浮动才可以让三个div在一行上<div class="ssh"> <div class="ssh1"></div> <div class="ssh2"></div> <div cla原创 2021-04-05 15:26:39 · 955 阅读 · 0 评论 -
CSS3动画效果实现轮播图
CSS3动画效果实现轮播图直接看效果原创 2021-04-05 13:42:43 · 199 阅读 · 0 评论 -
CSS3动画效果的使用方法
Css3动画效果的使用方法Css属性就简单的记一下常用的规定动画: @keyframes所有动画属性的简写属性:animation使用方法设置一个动画@keyframes 动画名 {0%{margin-left:200px}50%{...}/*各个阶段都做什么*/100%{....}}运行动画(直接套用所有动画属性简写)animation:myname 10s infinite 1sanimation:动画名 动画完成时间 执行次数(上面给的无限次数) 动画延迟就原创 2021-04-05 13:25:25 · 74 阅读 · 0 评论 -
CSS3圆角边框的设置
圆角边框的使用border-radius:值;圆角边框的设置单个值border-radius:10px;同时设置四个边框圆角两个值,八个参数boder-radius : 10px 20px 30px 40px / 10px 20px 30px 40px前四个参数设置四个角的水平参数,后面四个参数设置四个角的垂直参数顺序是顺时针,左上,右上,右下,左上一个值,四个参数 boder-radius : 10px 20px 30px 40px同时设置四个角水平+垂直参数原创 2021-04-03 15:55:14 · 215 阅读 · 0 评论 -
CSS3过度属性Transiton
过度属性Trransition使用css的属性值在一段时间内平滑的过度比如这个效果 字体滑动四个要素和触发过度属性,过度时间,过度函数,过度延迟的时间触发主要通过用户触发,点击,悬浮等过度属性transition-property:none|all|property多个属性用逗号隔开,可设置过的属性有颜色,取值为数值的属性,转换属性,渐变属性,阴影属性过度时间transition-duration:s|ms /*默认值为0*/过度函数transition-timin原创 2021-04-05 11:55:38 · 257 阅读 · 0 评论