css
lancnn
去自己想去的方向,去完成不论大小的梦想,生活随遇而安。
展开
-
css 样式重置
css 样式重置/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */article,aside,footer,header,main,nav,section { display: block;}h1 { font-size: 2em; margin: 0.67em ...原创 2020-04-14 15:36:19 · 422 阅读 · 0 评论 -
基于vue的模拟gitbook的右下角的评论按钮
基于vue的模拟gitbook的右下角的评论按钮html:<div :class='[water,{open: isOpen}]' @click='openMessage'></div>js:export default { name: "waterDroplet", data: () => ({ txt: 'borderRadius实现小...原创 2018-09-28 09:28:33 · 507 阅读 · 0 评论 -
css中的transition属性
css中的transition属性transitions提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。比如,将一个元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色,按照一定的曲线速率变化。这个过程可以自定义。通常将两个状态之间的过渡称为隐式过渡(imp...原创 2018-09-28 09:30:22 · 9157 阅读 · 0 评论 -
position和transform使元素居中的方法 (转载)
position和transform使元素居中的方法 (转载)1. position & transform: translate(-50%, -50%) 实现块元素百分比居中css3:.parent { positioin: relative;}.child { positioin: absolute; top: 50%; left: 50%; transf...转载 2018-09-28 09:31:27 · 10649 阅读 · 0 评论 -
box-shadow样式
box-shadow样式显示阴影css:box-shadow: 0 0 2px rgba(0,0,0,.14),0 2px 2px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.2);原创 2018-09-28 09:32:07 · 727 阅读 · 0 评论 -
backgroundLinearGradient线性渐变制作折角效果
backgroundLinearGradient线性渐变,制作折角效果语法线性渐变 - 从上到下(默认情况下)background: linear-gradient(direction, color-stop1, color-stop2, ...);制作折角效果background: linear-gradient(45deg, rgb(120, 120, 120) 0%, rgb(1...原创 2018-09-28 09:32:50 · 662 阅读 · 0 评论