css3
关注
分享
扫一扫
文章平均质量分 76
sweetllh
不疯癫，不成魔
展开
-
基于css3的3D立方体旋转特效 （先translate与先rotate的不同）
3D变换基于几个比较重要的属性，perspective,translateZ,preserve-3d; 格式： 舞台(perspective) 容器(3D, preserve-3d) 内容3D实现立方体盒子： transform的4个属性，排序不同，带来的效果也不同。 先移动的代码：<!doctype html><html lang="en"><head> <meta c原创 2017-04-03 12:49:28 · 4930 阅读 · 1 评论 -
小圆围绕大圆360度旋转的2种方法
第一种 ：覆盖法 1. ul包含7个li，每个li包含图片和含小圆的span； 2. li、img、div、span都给border-radius:50%，img（图片）的大小要小于li； 3. span（小圆）由一个div包住，div覆盖（定位）到li上面去，div的大小和li大小一样; 4. 给每个li和span定位； 5. div旋转360度，小圆就旋转360度；原创 2017-04-15 17:52:54 · 6878 阅读 · 0 评论 -
target实现手风琴效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>手风琴</title> <style type="text/css"> *{ margin: 0; padding: 0;原创 2017-04-15 18:09:21 · 595 阅读 · 0 评论 -
8种CSS清除浮动的方法优缺点分析
参考博文：http://www.5icool.org/a/201211/a1661.html为什么清除CSS浮动这么难？因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。 而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种转载 2017-07-01 16:32:18 · 386 阅读 · 0 评论 -
px rpx pt em rem单位
一. rpx :微信小程序开发中新出了尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。设备 rpx换算px (屏幕宽度/750) ；px换算rpx (750/屏幕宽...原创 2018-07-22 11:16:17 · 1929 阅读 · 0 评论