![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
御风傲天
IT前端码农
展开
-
css 动画库 Animate.css 使用
1.css动画可以增加页面的趣味性,搞点动态的效果。这里就要提到一个非常好用的css动画库Animate.css了。一些常用的 飞入飞出,跳动啊等等,自己去网站试试吧:http://www.jq22.com/yanshi8192.使用方法引入css库:<link rel="stylesheet" href="css/animate.min.css"></link>...原创 2019-12-18 18:06:42 · 754 阅读 · 0 评论 -
css各种字体英文名称
宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_GB2312 KaiTi_GB2312原创 2018-02-01 18:53:11 · 7297 阅读 · 0 评论 -
css3的clip-path方法剪裁实现(三角形,多边形,圆,椭圆)
本例讲解如何通过clip-path把一个div(元素,可以是图片等)裁切成不同的形状,这里以一个div为例宽高均为300px注意:不支持IE和Firefox,支持webkit浏览器,在现代浏览器中需要使用-webkit-前缀。<div class="demo" style="width: 300px; height: 300px; margin: auto; background: red;...原创 2018-06-06 16:33:23 · 37597 阅读 · 1 评论 -
css3实现8个小圆在一个大圆上平均分布
一道面试题:只有一个ul,和8个li,实现布局,8个小圆平均分布在一个大圆边缘,只用css实现。解题关键:css3 中 transform,rotate,demo如下 <div class="demo"> <ul> <li>1</li> <li>2</li> <原创 2018-08-20 14:43:40 · 12075 阅读 · 0 评论 -
IE浏览器兼容☞css hack
ie浏览器的兼容问题,各位前端的小伙伴肯定有不少,头疼的记忆;目前w3c标准,对html5,css3都已经标准化,各大浏览器厂商也都对浏览器进行了升级改造;但是在某些行业,如国企,银行,等一些传统企业,依然再用IE8甚至更老的版本浏览器,而且还要必须支持IE8,这里css3什么的就别想了,就连一些常用的css都区别于其他浏览器。这里就需要对IE进行兼容,这里就需要提到css hack...原创 2018-09-29 11:44:01 · 321 阅读 · 0 评论