css 使用技巧

*css3垂直居中

position: absolute;

top: 50%;

left: 50%;

transform : translate(-50%,-50%);

//绝对对其

display: flex;

justify-content: flex-start;

align-items: center;

//input 点击去掉阴影

outline:none;

//前端使用小技巧 http://www.open-open.com/lib/view/open1449325854077.html

background-color:rgba(0, 0, 0, 0.4);

// 网站动画库效
import Vue from 'vue'
import VueAnimateOnScroll from 'vue-animate-onscroll'
 
Vue.use(VueAnimateOnScroll)

// 网站布局
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(2,1fr)
grid-template-rows: repeat(3,300px)