![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
慧、新
常人眼中的变态,是变态眼中的的常人,你个变态!
展开
-
多行文本超出省略
.text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}文本环绕效果,用float原创 2021-05-20 10:58:45 · 82 阅读 · 0 评论 -
圆形进度条
最近在做一个有关音乐播放的项目,需要圆形进度条,于是上网学习了一下,代码如下。原创 2017-11-24 21:01:59 · 332 阅读 · 0 评论 -
css3实现方块气泡效果
曾经在看过京东的登录注册界面是动态效果的,审查元素发现是动态图,现在可以尝试手动制作一个登录注册动态背景图,代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=e原创 2018-02-25 12:26:27 · 1040 阅读 · 0 评论 -
清除浮动的9种方法
1、父级div定义heigh原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题优点:简单,代码少,容易掌握缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题建议:不推荐使用,只建议高度固定的布局时使用2、结尾处加空div标签clear:both原理:添加一个空div,利用css提高的clear:both清除浮动,让父级div能自动获...转载 2017-11-08 17:32:54 · 327 阅读 · 0 评论 -
隐藏滚动条
加一句:::-webkit-scrollbar {display:none}原创 2018-03-30 15:16:06 · 2067 阅读 · 0 评论 -
animation动画结束后的回掉函数
今天做项目的时候在进度条结束的时候需要跳转页面,然后我就用了animation自带的自定义回调函数<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style> #m原创 2018-05-02 20:48:06 · 3241 阅读 · 0 评论 -
三角形
宽度和高度都为0的情况下画一个正方形是这样子的<html><head><title>画正方形</title><style>#item { width: 0; height: 0; border-left: 50px solid blue; border-right: 50px solid blue; border...原创 2018-09-13 11:26:59 · 202 阅读 · 0 评论