css
关注
分享
扫一扫
静静的躺平
这个作者很懒，什么都没留下…
展开
-
flex 布局学习 重要属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>fl.原创 2022-01-06 16:04:09 · 106 阅读 · 0 评论 -
flex 布局
flex 布局中 有几个重要的属性 align-items 纵轴方向 每个元素的align-selfCSS align-items属性将所有直接子节点上的align-self值设置为一个组。 align-self属性设置项目在其包含块中在交叉轴方向上的对齐方式。 align-content 多行 元素位置 该属性对单行弹性盒子模型无效。（即：带有flex-wrap: nowrap）。 justify-content属性定义了浏览器之间，如何分配顺着弹性容器主轴(或者网格行轴) 的元素...原创 2022-01-06 15:23:58 · 257 阅读 · 0 评论 -
css3+JavaScript 水波纹效果
水波纹效果原创 2021-12-23 12:25:23 · 193 阅读 · 0 评论 -
css 实现点击后水波推动效果 运用:active 和 ::after
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2021-12-23 10:06:38 · 1112 阅读 · 0 评论 -
模板语法
联合使用 <slot> 和 <template> 简单使用原创 2021-12-20 14:41:29 · 97 阅读 · 0 评论