css样式学习笔记
文章平均质量分 63
此专栏内容为个人在学习过程中的一些知识点总结或案例代码,可能有不完善的地方,仅供参考
呦呀
这个作者很懒,什么都没留下…
展开
-
炫酷的3D相册
3D相册使用html+css制作一个独属于自己的炫酷相册图片超过六张的可自行修改样式调整角度和大小背景样式未写入,需要可查看背景渐变动画 3D相册 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<原创 2022-01-13 09:37:58 · 198 阅读 · 0 评论 -
图片轮播—盒子翻转效果
炫酷的图片轮播通过3D翻转效果,实现图片轮播原创 2022-01-11 16:53:22 · 516 阅读 · 0 评论 -
css实现3D动画效果——正方体变六边形
正方体变六边形(html+css)原创 2022-01-10 11:20:34 · 498 阅读 · 0 评论 -
背景渐变动画
背景渐变动画(纯css+html)监听事件控制背景渐变动画(css+html+js)原创 2022-01-08 11:48:29 · 637 阅读 · 0 评论 -
flex布局(弹性布局)
Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。flex: 将对象作为弹性伸缩盒显示inline-flex:将对象作为内联块级弹性伸缩盒显示 flex items默认都是沿着main axis(主轴)从main start 开始往main end 方向排布flex-direction决定了main axis的方向,有4个取值:效果如下 justify-content决定了flex items在main axis 上的对齐方式,共6个取值:效果如下: ali原创 2022-01-07 08:13:27 · 25060 阅读 · 0 评论