![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
astonishqft
每每走投无路,恰恰绝处逢生
展开
-
详解CSS中的BFC及其应用
详解CSS中的BFC及其应用前言何为BFC创建BFCBFC的特性BFC的应用使用BFC来防止文字环绕使用BFC实现两列布局,左侧固定,右侧自适应外边距折叠用于清除浮动总结 前言 在最近的几次面试中频繁地被问到了CSS中的BFC,问到这块的时候直接回答说“不是很清楚”,给面试打了个折扣,回来做个总结,认识下什么是“BFC”? 何为BFC BFC的全称是Block Formatting Context...原创 2018-10-29 15:40:36 · 317 阅读 · 0 评论 -
CSS3 transition实现手风琴效果
CSS3 transition实现手风琴效果 最近在项目中遇到了一个需求,需要完成一个手风琴效果的展示,最后通过CSS3 transition实现了这个效果,下面就分享下实现方法。 效果 首先看下效果: 可以看到,当我们点击toggle按钮的时候会实现一个带有动画的过渡效果。 transition属性 实现动画效果这要用到了transition的四个属性,分别是:transition-prope...原创 2019-01-04 15:25:14 · 3384 阅读 · 1 评论