css
iku_ki
这个作者很懒,什么都没留下…
展开
-
normalize.css
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. 修正所有浏览器中的行高. * 2. 在iOS的切换横竖屏时,防止字体大小的调整. */html { line-height: 1.15;原创 2021-09-05 12:32:41 · 95 阅读 · 0 评论 -
Flex布局模型图
原创 2021-08-26 14:38:11 · 61 阅读 · 0 评论 -
Grid网格布局模型图
原创 2021-08-26 11:14:07 · 353 阅读 · 0 评论 -
元素垂直居中
vertical-align:-webkit-baseline-middle;原创 2021-08-25 22:24:47 · 65 阅读 · 0 评论 -
自适应布局 js代码实现动态修改根元素的字体大小
// 设置字体自适应 let c = () => { // 获取设备的宽度 let w = document.documentElement.clientWidth; // 根据宽度计算字体大小 将屏幕分成750份, let n = (20 * (w / 750) > 40 ? 40 + 'px' : (20 * (w / 750) + "px")) document.documentElement.style.fontSiz.原创 2021-08-25 21:55:31 · 617 阅读 · 0 评论 -
animate.css在Vue中的使用
# Vue集成第三方动画库 animate.css官网链接:https://animate.style/ 安装: npm install animate.css --save 在项目种引入 import "animate.css" 使用animate.css 给transition标签添加上固定的name属性 按需求添加上 enter-active-class="官网上自己找动画值" =》进入动画的过程 leave-acitve-原创 2021-08-04 20:51:21 · 1519 阅读 · 0 评论 -
Vue动画详解 【图文】
# Vue动画 想要给谁加动画效果,就给谁包裹transition标签 transition默认会动态给被包裹元素添class样式: v-enter:元素显示/插入前的效果,元素初始的位置 例如:transform: translateX(-200%); v-active-enter:元素显示/插入的过渡时间和函数,初始前到最终的一个时间段 例如:transition: all 0.3s ease; v-enter-to:元素显示/插入后的效果,元素最终的位置 .原创 2021-08-04 20:05:26 · 338 阅读 · 0 评论