今天记录一个css小技巧既不用setTimeout也不用监听transitioned事件实现display：block/none的显示隐藏动画准备工作dom元素和css准备，先实现一个简单的弹窗样式和一个控制按钮，觉得繁琐的直接跳到第1步看核心代码，不心急吃热豆腐的可以跟着我一起回顾弹窗的垂直居中css实现方式<style>.content {/* 四行css实现垂直居中 */posi

本文主要介绍linear-gradient一些不太一样的玩法普通渐变-最常见的用法是从字面意思理解，实现一个渐变背景，如下图效果background: linear-gradient(to right, #30e8bf, #ff8235);无渐变，突变效果调整色标位置，实现两个非渐变效果background: linear-gradient(to right, #30e8bf 50%, #ff82