描述
css3 选择器,背景定义(定位), 盒子定位,弹性布...

2020-12-31 8k 71 前端 | Hcuan

选择器 [...详细](https://houdunren.gitee.io/note/css/2%20%E9%80%89%E6%8B%A9%E5%99%A8.html) 关系选择器 + `main h1` 后代选择器 + `main>h1` 子级选择器 + `main~h1` 兄弟选择器 + `main+h1` 相邻选择器 +...
描述
CSS3 帧动画 介绍

2021-01-03 3k 42 前端 | Hcuan

第一个帧动画 整体结构演示,限于篇幅,后续不再放出这么完整的代码了 ```css .body { background: f6f6f6; width: 90vw; height: 80vh; margin: 5px auto; display: flex; justify-content: center; align-items:...
描述
css3 变形与透视“动画”, 通过变形透视可以制作平...

2021-01-03 3k 52 前端 | Hcuan

+ `transition: 1s;` 控制元素变化时的过度时间, 需要定义在被变化的元素自身 + `transform: translateX(-80px);` 控制元素向x轴相对**自身本来位置**x轴移动指定距离。 + `transform-origin: left -20%; -300px` 控制元素移动(缩放,旋转...)的基准点(x,...
描述
CSS3 媒体查询,通过在不同的屏幕或设备范围内定义样...

2021-01-03 0k 37 前端 | Hcuan

设备查询 + `media="screen only,print"` 在style, link标签中使用,指定样式作用范围为 屏幕设备,打印机设备。默认值为 all + `@import url(test.css) only screen;` 在css文件中通过导入的方式,控制引入样式文件的作用范围 + `media only screen...

2020-11 By Hchuan.

flask & bootstrap-flask

© 2021 HChuan. All rights reserved.

随机占位图来自:fghrsh

互联网ICP备案号:蜀ICP备2020031846号