CSS3中的网格
在这篇文章中，我们将来看一些CSS3新属性，从而用HTML和CSS处理网格的时候更容易。但首先让我们讨论一点HTML和CSS网格的历史，了解清楚为什么以前很困难。 网格简史 曾几何时，我们的布局是一团糟。表格和框架是用于创建多列布局的主要工具。虽然他们能完成工作（但其实非常糟糕）。 把目光 ...
原文：用CSS3和Canvas来画网格
我们经常使用一些excel表格来处理数据，在html中，我们可以用table来制成表格。今天来看一下一些不同的方法。 方法一：使用CSS 的background的linear gradient属性 linear gradient表示一种线性渐变，指定好开始的坐标，以及线性渐变的参数，就可以实现背景颜色的多变。 先来看效果图： 看html代码： CSS代码： 非常简单，如果仔细看，你就能看出它的使用 ...
2014-11-23 13:45 0 2956 推荐指数：
相关推荐
css3画梯形
想实现的效果如下图： 代码： ...
css3 画半圆和1/4圆
半圆： #circle1 { width: 100px; height: 200px; background-color: #a72525; -webkit-border-radius: 100 ...
CSS3实现画方格
一、实现思路 需求：画n个20 x 20的方格，作为元素div的背景图片 思路：利用CSS3的linear-gradient。 首先设置元素的background-size为20px 20px；利用linear-gradient为元素设置渐变的背景图片，分别向上下左右四个方向画0.5px的线 ...
css3画太极图
...
css3实现画对号动画
目标：实现对号动画，慢慢画出来的感觉； 原理：外层div的背景是一个对号图片，用一个div做遮罩，让遮罩div层从左到右做运动一次即可实现动画，需要注意的是遮罩div的初始位置应该在外层div的外面 ...
css3画半圆 ， 加上一点动画
border-radius制作半圆与制作圆形的方法是一样的，只是元素的宽度与圆角方位要配合一致，不同的宽度和高度比例，以及圆角方位，可以制作上半圆、下半圆、左半圆和右半圆效果。例如： .semi ...
CSS3画一个滚动的骰子
今天利用CSS3来画一个自动滚动的骰子。 思路：骰子的六个面分别用六个ul标签，每个面的点数就是li标签，点数的排列采用伸缩布局，然后采用定位和transform属性将六个面翻转折叠成立方体。 1、HTML结构：用一个类名为box的大盒子将六个面（ul）包起来，方便给整个骰子定位和添加动画 ...