利用hover控制动画，一个从反面向正面翻，一个从正面向反面翻。 利用：backface-visibility: hidden;控制反面的元素不显示。 不支持的浏览器直接切换层级换图（部分ie9模拟器不支持） <!DOCTYPE html> <html lang="en"> <head> <meta ...
分类：
Web程序 时间：
2020-07-01 13:02:03
阅读次数：
85
在网页进行css布局时居中是经常需要用到的，其中就有css绝对定位居中，那么，css绝对定位如何实现居中？今天的这篇文章将给大家来介绍关于css绝对定位居中的实现方法。 css绝对定位居中的实现方法有很多，下面将给大家介绍css绝对定位居中的四种方法。 前端10K面试准备，最完整面试真题分享（含答案 ...
分类：
Web程序 时间：
2020-06-30 20:41:33
阅读次数：
55
本章我们给大家讲解一下什么是css选择器？css3中5种常见的基本选择器。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 一：什么是css选择器？ CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元 ...
分类：
Web程序 时间：
2020-06-30 20:36:27
阅读次数：
54
CSS里面的属性很多，有些属性长时间不用，就容易忘，尤其是那种需要设置多个值的属性。比如：box-shadow，每次使用CSS3里的box-shadow,都记不清box-shadow怎么使用，都要查阅资料才能实现对应的效果,现在总结一下,box-shadow的使用方法以及box-shadow内阴影的 ...
分类：
Web程序 时间：
2020-06-30 20:34:10
阅读次数：
60
当 display: flex 配合 justify-content: center 使用时可以让view水平居中 而配合 align-items: center 用时可以实现垂直居中效果 .card-image-container{ width: 40%; height: 90%; align-i ...
分类：
微信 时间：
2020-06-30 10:35:20
阅读次数：
123
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地 ...
分类：
其他好文 时间：
2020-06-30 10:28:51
阅读次数：
76
Flex(弹性布局)，是一种响应式布局，能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中，水平方向称为主轴(main axis)(起点main start,终点main end)；垂直方向称为纵轴(cross ...
分类：
Web程序 时间：
2020-06-29 21:27:31
阅读次数：
87
CSS3 渐变 渐变就是在两个或者多个指定颜色之间平稳过度 线性渐变linear-gradient 沿着一根轴线改变颜色 linear-gradient属性设置线性渐变 语法background :linear-gradient(angle,color-stop1,color-stop2....)默 ...
分类：
Web程序 时间：
2020-06-29 15:43:55
阅读次数：
57
1：找个容器： .container { display: flex | inline-flex; //可以有两种取值：块元素，行内元素 } 2：容器的设置： .container { flex-direction: row | row-reverse | column | column-rever ...
分类：
其他好文 时间：
2020-06-29 13:17:23
阅读次数：
63
跑 ... css3新增选择器 基本选择器选择器 子元素选择器 [父元素 > 子元素] 选择父元素下子元素 相邻兄弟选择器 [子元素1 + 子元素2] 匹配子元素1紧跟在后面的子元素2，他们必须有一个相同的父元素 通用兄弟选择器 [子元素1 ~ 子元素2] 匹配子元素1后面的所有元素2的所有元素，他 ...
分类：
Web程序 时间：
2020-06-29 00:15:48
阅读次数：
103
