随笔分类 -  css3

摘要：1 margin 2 各种布局 3 各种垂直居中 阅读全文

摘要：本篇全是实战，没有基础，如果不明白3d特效的原理，可能会看不懂，不过没关系，给你推荐一下 张鑫旭css3 3d转换，或者看我的另一篇博客 css3 2d转换3d转换以及动画的知识点汇总，看完这些3d特效的原理基本就没问题了，下面实战开始 第一个：3d按钮 hover上下翻效果 dom结构 原理：把两 阅读全文

摘要：轮播图的实现原理其实是比较简单的 举个例子 main的宽度是100px div-main的宽度是500px 我们用js控制div-main往左或往右移动，这样就实现了轮播，简单把 好了，先介绍个 css3的api animation: myfirst 5s linear 2s infinite al 阅读全文

摘要：关键技术点和原理： 原理就是把 checkbox或 radio 给隐藏掉 ，然后给选框 绑定一个label标签。 然后用label标签作为容器，在里面放一个：before或一个after 用before模拟选框的框，用after来模拟选框的填充 通过 来确定是否选中复选框，如果checked就把af 阅读全文

摘要：css3 2d转换 2d转换的方法： 1、移动 translate(x, y) 可以改变元素的位置，x、y可为负值； 2、缩放 scale(x, y) 可以对元素进行水平和垂直方向的缩放，x、y的取值可为小数，不可为负值； 4、旋转 rotate(deg) 可以对元素进行旋转，正值为顺时针，负值为逆 阅读全文