通过CSS3的linear-gradient实现的.bg{width:300px;height:50px;background:#caca8c;background-image:-webkit-gradient(linear,50%0,0100%,from(transparent),color-st...
分类:
Web程序 时间:
2014-05-09 12:28:39
阅读次数:
4486
效果如下实现原理:利用CSS3的@keyframes规则创建动画效果;使用CSS3的animation效果完成滚动切换。代码说明:样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作;样式表中.border
div定义了div的基本样式,红色的10px圆形;10...
分类:
Web程序 时间:
2014-05-09 12:14:49
阅读次数:
325
忘了哪儿的一个题目来着,说是把 一个列表 给翻转序列显示,比如
:有一个列表如图:翻转为回复里面有人机智的使用 CSS3 的transform:rotate(180deg);
实现了,引发众人赞叹。其实除了这种方法,还有其他的CSS3属性可以做到。今天在看 张鑫旭的这篇文章 的时候 发现box-di...
分类:
Web程序 时间:
2014-05-09 04:36:29
阅读次数:
388
CSS区块浮动 这种块移动直到该区块的外边缘碰到碰到它的区块边框或浮动区块为止1.浮动的设置
在CSS中可以使用float属性设置区块框向左或向右浮动代码 1 2 3 4 5 6 43 44 45 ...
分类:
Web程序 时间:
2014-05-09 03:45:56
阅读次数:
738
以上是废话1.3
此处未完全确认,相较于css3和css3的选择器,区别包括:基础定义改变(选择器、选择器组,简单选择器等),特别的,作为css2中简单选择器,如今被成为简单选择器序列,“简单选择器”作为这个序列的组成部分。允许在元素类型选择器上、通用选择器和类型选择器上增加可选的命名空间。一个新....
分类:
Web程序 时间:
2014-05-04 10:01:26
阅读次数:
330
Bootstrap学习者要具备的一些要求:【1】xhtml常用标签的基础知识【2】xhtml+css布局的基础知识【3】html5+css3的基础知识======================================必备的软件:【1】手写代码-----Dreamweaver、notepad...
分类:
其他好文 时间:
2014-05-02 17:20:19
阅读次数:
468
前两天跟朋友说起以前玩的DUBO的“动物世界”的游戏,下载了一个android的,觉得不太爽,干脆按照以前玩的感觉自己做了一个,这个版本没有用canvas,主要用css3
的transform 属性,在手机端效率太差劲了,还望高人指点效率迷津。说明:1.45秒压点倒计时2.10秒中奖反馈倒计时3.随...
分类:
其他好文 时间:
2014-04-29 22:31:42
阅读次数:
689
原文:CSS3图片轮播效果
在网页中用到图片轮播效果,单纯的隐藏、显示,那再简单不过了,要有动画效果,如果是自己写的话(不用jquery等),可能要费点时间。css3的出现,让动画变得不再是问题,而且简单易用。下面介绍我用css3与js写的一个图片轮播效果。
一般图片轮播就是三四张图片: 首先将图片...
分类:
Web程序 时间:
2014-04-28 18:46:35
阅读次数:
2006