Css样式
文章平均质量分 68
这里汇总Css样式可以实现的效果,方便下次查看
磨叽的鱼
这个作者很懒,什么都没留下…
展开
-
Vue 旋转动画效果
这里记录一个旋转动画,在鼠标经过的时候停止,鼠标离开继续旋转。实现思路: 利用@keyframes关键字定义一个旋转动画。原创 2024-08-20 15:56:46 · 368 阅读 · 0 评论 -
Css布局 Grid布局
grid-template-areas 的属性值是一个或多个由空格分隔的字符串,每个字符串代表网格布局中的一行。函数 :minmax(最小值,最大值) 函数允许你同时设置列(或行)的最小值和最大值。会创建两列,第一列长度为1fr,第二列的宽度至少为 100px,且不超过1fr。Grid布局,即网格布局,通过将容器划分为"行"和"列"来创建网格,然后将内容放置在网格的单元格中,咱们可以简单理解为二维布局。定义了网格线与网格项之间的间隙(grid-row-gap 和 grid-column-gap 的简写)。原创 2024-08-01 16:10:45 · 1059 阅读 · 0 评论 -
Css flex 布局
css的flex布局原创 2024-08-01 11:42:02 · 1127 阅读 · 0 评论 -
Css实现div宽度自适应
今天开发过程中遇上一个需求,要求一个父元素包含三个div,div并排分布,大小相等,在父元素中居中,每个div最大宽度为480px,要求能随着屏幕尺寸变化等比例变化。解决措施的话,就是利用css中的flex布局解决。/*最大宽度,因为是三个,3*480*//* 在Flex容器中允许盒子缩小 *//* 使盒子等比例填充空间 *//* 盒子之间的间隔 *//* 设置最大宽度 *//*溢出添加导航条*//*设置距顶高度*//*div的高度*/原创 2024-07-03 09:36:39 · 720 阅读 · 0 评论 -
div变形和文字居中
通过div画矩形边框和圆边框原创 2024-06-25 14:18:54 · 215 阅读 · 1 评论 -
Css实现图片满屏
在前端开发过程中,我们经常遇见需要对图片进行处理,其中图片满屏的需求非常常见,现下我就做一个记录。原创 2024-07-02 11:00:10 · 438 阅读 · 0 评论