CSS
爪蛙没有爪
Think before you leap!
展开
-
不改变DOM,给元素增加遮罩(背景)
如题,现需要给modal元素增加一个全局遮罩或全局背景,要求不能修改DOM结构和修改JS代码:<!DOCTYPE html><html><head><meta charset=utf-8 /><title>CSS</title><style> .modal { position: fixed;...原创 2020-01-18 13:26:40 · 719 阅读 · 0 评论 -
CSS3之transform-origin详解
前言在没有设置过transform-origin属性时,CSS变形进行的旋转、移位、缩放等操作都是以元素自己中心(变形原点/中心点)位置进行变形的。而CSS3 中的transform-origin属性用于设置旋转元素的基点位置,熟悉使用transform-origin并结合CSS3动画可以使元素沿着某一轨迹进行旋转,位移等,本文讲介绍transform-origin的定义和用法并尽可能的分析其原...原创 2019-04-08 22:52:23 · 50927 阅读 · 8 评论 -
Flex 布局详解
flex-direction:使用在display:flex的父容器里,改变横轴的方向:1.flex-direction:row:默认值,从左到右2.flex-direction:row-reverse:从右到左3.flex-direction:column:从上到下4.flex-direction:column-reverse:从下到上flex-wrap:使用在display:fl...原创 2019-01-30 22:18:28 · 403 阅读 · 0 评论 -
CSS实现垂直水平居中的几个方法
CSS实现垂直水平居中的几个方法原创 2019-02-25 13:18:42 · 162 阅读 · 0 评论