![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 58
EeeEui
github: https://github.com/EeeEui
展开
-
纯CSS创建心形翻转动画
首先,需要创建一个元素,代码如下<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> </head> <body> <div id="bgCanvas"> <div class="heart-shape"></div>原创 2016-06-28 23:52:53 · 1456 阅读 · 1 评论 -
CSS3加载小动画
前言:之前做了一个心形的翻转动画,有人提议可以作为加载时展示的动画,因此特意去研究了一下,准备做一个加载动画的小合集。不定时更新。1. HTML代码:<div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div clas原创 2016-07-05 21:51:59 · 430 阅读 · 0 评论 -
清除浮动——clearfix
当CSS浮动应用到某个元素后,其父元素就不能再确定它的高度了。但是想要让父元素围住它的浮动子元素,最简单的解决方法是让父元素浮动起来,或者将它的overflow属性设置成auto,但是这种方法并非在所有情况下都适用。还有一种方法,可以应用一种名为“清除补丁”的变通代码。 清除补丁这一技巧的工作原理是将一个元素插入最后浮动的子元素之后,并用CSS赋予它block和clear属性。因为这个新元素自身是不原创 2016-06-22 23:06:46 · 885 阅读 · 0 评论