CSS3学习记录
文章平均质量分 89
村望老弟
少年侠气,交结五都雄。肝胆洞。毛发耸。立谈中。死生同。一诺千金重
展开
-
CSS3 动画的学习animation
CSS3 动画的学习初步认识 animation.box { width: 200px; height: 200px; /* background-color: darkcyan; */ animation: myfirst 5s linear;//定义动画过程名字,加上动画时间 linear匀...原创 2019-05-22 15:52:52 · 158 阅读 · 0 评论 -
CSS3动画学习(过渡,旋转,缩小,倾斜)
CSS3动画学习(过渡,旋转,缩小,倾斜)过渡transition功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入过渡...原创 2019-05-22 15:52:43 · 1863 阅读 · 0 评论 -
CSS3多列问题
CSS3多列问题直接上代码<style> .box { width: 500px; height: 500px; column-count: 5;/*设置分成几列*/ column-gap: 40px;/*列之间的间隔:*/ column-rule...原创 2019-05-22 15:52:33 · 99 阅读 · 0 评论 -
CSS3用户问题
resize属性指定一个元素是否应该由用户去调整大小。<style> .box{ width: 100px; height: 100px; border: 1px solid red; overflow: auto; resize: both; ...原创 2019-05-22 15:52:05 · 104 阅读 · 0 评论 -
CSS3图片过滤器
CSS3图片过滤器 <style> .a{ /* blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊; */ filter: blur(8px) } .b{ /*brightness...原创 2019-05-22 15:51:53 · 475 阅读 · 0 评论 -
CSS3 弹性盒子(Flex Box)
CSS3 弹性盒子(Flex Box)CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过...原创 2019-05-22 15:51:46 · 135 阅读 · 0 评论