CSS
关注
分享
扫一扫
LvyYoung
这个作者很懒，什么都没留下…
展开
-
vue实现左右滑动tab
1.两个div，一个outer，一个inner，inner设置absolute，滑动时改变inner的left值 <div class="system-tabs"> <i class="el-icon-arrow-left" style="left: 13%" @click="arrowClick('pre')" ></i> <i class="el-icon-arr原创 2021-09-14 17:58:30 · 2830 阅读 · 0 评论 -
CSS3实现红包抖动效果
有个需求是要实现红包的抖动效果，之前没做过，记录一下嘻嘻~~ 这里用到了transform: rotate()属性，加上animation实现动画效果，不多说上代码 .red_packet { width: 180rpx; height: 220rpx; position: fixed; top: 10rpx; right: 20rpx; color: #D60E19; animation: shake .5s linear infinite; } @keyframes shak原创 2020-12-22 10:10:11 · 1460 阅读 · 1 评论 -
前端布局之圣杯布局和双飞翼布局
圣杯布局和双飞翼布局功能相同，都是为了实现一种两侧宽度固定，中间部分宽度自适应的三栏布局，并且中间部分在DOM结构上优先，以便先行渲染。 圣杯布局 首先我们创建DOM结构如下 <div class="container"> <div class="center">This is center</div> <div class="left"...原创 2019-07-29 14:42:07 · 309 阅读 · 0 评论 -
引入CSS的方式
1.外部样式表 将css样式封装成样式文件，并在需要的地方引入。可集中管理，便于维护 （1）link标签引入 将link标签写在网页的<head></head>之间 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de...原创 2019-07-27 11:04:58 · 145 阅读 · 0 评论