yun的博客

方案一、使用js1rem === 100px(function (doc, win) { const docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { const clientWidth = docEl.clientWidth;

1.定义flex布局首先flex布局分为容器(flex_container)和项目(flex_item)，也就是父元素和子元素。任何一个容器（父元素）都可以指定为flex布局：.flex_container{ display: flex; /*行业元素使用display: inline-flex;*/}Webkit 内核的浏览器，必须加上-webkit前缀。.flex_container{ display: -webkit-flex; /* Safari */ display: fl

1.文字模糊效果为文字设置以下两行代码，就可以达到文字模糊效果color: transparent;text-shadow: #111 0 0 5px;2.毛玻璃效果毛玻璃效果用到了css的滤镜filter的blur属性，只需给元素添加以下代码就可以实现filter: blur(10px);3.多重边框利用box-shadow来实现div { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0,

在src文件下找到shims-vue.d.ts文件添加代码declare module 'animate.css'declare module '*.vue' { import Vue from 'vue' export default Vue}declare module 'animate.css'

<ul> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> <li>six</li></ul>ul { display: flex;}li { list-style: none;

比如给没有active类名的span加上hover效果span:not(.active):hover { color: #ff1464;}

一.发送效果HTML<div id="send-btn"> <button> // 这里是一个svg的占位 Send </button></div>CSS#send-btn{ display: flex; align-items: center; justify-content: center; height: 100vh;}button { background: #5f55af; borde