CSS各种形状

#rectangle { width: 200px; height: 100px; background: red; } #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; borde...

2013/11/16 16:16
78
0
CSS实现3D旋转

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>E::before_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), ...

2013/12/16 23:25
75
1
CSS3动画效果

渐隐渐显 @-webkit-keyframes cf3FadeInOut { 0% { opacity:1; } 20% { opacity:.8; } 50% { opacity:0.5; } 70%{ opacity: .3;} 100% { opacity:0; } } div.bg { -webkit-animation-name: c...

2015/06/17 20:46
160
0
动画-CGAffineTransform

CoreGraphics框架中的CGAffineTransform类可用于设定UIView的transform属性,控制视图的缩放、旋转和平移操作. transform 是一种状态,并且只有一种状态. UIView的transform属性是一个结构体...

2016/06/27 18:39
28
0
CSS实现不同的图形(三角形、正方形、圆形、平行四边形)

一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码。整合了一下,有错误欢迎指出。 1.正方形 #square { width: 100px; height: 100px; background: red;} 2.长方形 #rectangle { w...

2016/08/04 10:11
49
0
CSS旋转&翻转,兼容方案

CSS旋转&翻转,兼容方案 地址:http://www.zhangxinxu.com/wordpress/?p=1637 一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善,对于实现各个浏览器兼容的元素的...

2013/09/17 16:10
149
0
仪表盘的旋转效果

利用css3的rotate

2015/04/20 14:54
31
0
纯CSS实现图形,比如三角形,爱心,左三角,右三角,之类的

图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者c...

2018/06/27 21:46
920
1
animation & @keyframes 实现loading效果

效果图截图如下: ![输入图片说明](https://static.oschina.net/uploads/img/201610/19161635_w8af.png "在这里输入图片标题") 直接上代码: ### html ``` css3实现loading效果 Loading ``` ...

2016/10/19 16:07
80
0

没有更多内容

加载失败,请刷新页面