之前已经为大家介绍了好几款css3按钮,今天要为大家介绍的是一款纯css3实现的圆形旋转分享按钮。旋转的角度可以自己调整。在demo中演示了三个角度旋转。360度,60度,-360度。如图: 在线预览源码下载看下实现代码:html代码: 360 degree spin onMouseover and...
分类:
Web程序 时间:
2014-08-24 23:38:13
阅读次数:
390
Sencha Touch 是一个使用 HTML5、CSS3 和 JavaScript 语言构建的移动 web 应用程序框架,在本文中,学习如何应用您当前的 web 开发技能进行移动 web 开发。下载和建立 Sencha Touch,通过一个样例应用程序探究基本原理。学习开始使用 Sencha To...
分类:
移动开发 时间:
2014-08-24 23:28:23
阅读次数:
450
No.1下图绿色区域的宽度为100%,其中有三个矩形,第一个矩形的宽度是200px,第二个和第三个矩形的宽度相等。请使用CSS3中的功能实现它们的布局。已知HTML结构是:column 1column 2column 3答案:.box{ width:100%; ...
分类:
其他好文 时间:
2014-08-24 22:01:33
阅读次数:
262
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框,这种箭头可以通过背景图片或者是css来实现,本文介绍三种通过css实现带箭头的提示框。通过border属性思路:两个三角形,通过定位使两个三角形相差1px作为边框。CSS3 transfrom思路:先做一个两条边相同颜色的正方形,然后旋转一定...
分类:
其他好文 时间:
2014-08-24 16:35:12
阅读次数:
324
在CSS3中,也新增了一些关于文本布局的几个比较简单的属性。通过这些新增的属性,我们可以对文本进行简单的排版,就想报纸和杂志那样。新增的部分属性,以及浏览器支持情况:属性浏览器支持column-countIEFirefox(-moz-)Chrome(-webkit-)Safari(-webkit-)...
分类:
Web程序 时间:
2014-08-24 12:54:12
阅读次数:
211
今天要给大家分享的的一款用纯css3实现的图片放大镜特效。页面打开五个小图显示于页面。当鼠标经过图片时,当前图片以灰色背景图的形式展示。效果非常不错。 在线预览源码下载实现的代码:html代码: css代...
分类:
Web程序 时间:
2014-08-24 12:51:32
阅读次数:
409
HTML5加入WEB以后,网页世界就变得丰富绚丽起来了,但是我们在项目应用中,不仅需要绚丽的动画效果,而且更需要有实用的价值。今天分享的一些jQuery/CSS3应用不仅绚丽,而且还比较实用,如果感兴趣,可以应用到自己的项目中。纯CSS3垂直动画菜单 效果很酷这是很动感的CSS3动画菜单,垂直方向的...
分类:
Web程序 时间:
2014-08-23 09:53:00
阅读次数:
351
transition语法:1 transition : [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值:执行变换的属性:transition-property;变换延续的时间:transition- duration;在延续时间段,变换的...
分类:
Web程序 时间:
2014-08-22 17:42:19
阅读次数:
234
1、语法:transform: none | []*2、取值:none ----不进行变化 ----一个或多个变换函数,以空格分开可以用于内联元素和块级元素,可以实现旋转、缩放、移动等等效果。具体如下:rotate ---旋转Java代码/*rotate()...
分类:
Web程序 时间:
2014-08-22 14:25:18
阅读次数:
224
我们知道,使用Photoshop来调整图像的亮度和对比度,或者将图片转化为灰度等等是很常见的功能。今天我将给大家介绍几个新特性,我们使用CSS来给web图像添加相同的效果。
首先我们先在网页中显示一张图片,html代码如下:
CSS3实战开发:使用CSS过滤效果来改变图片样式
此时运行效果图如下:
下面我给大家介绍相应特性,同时给各...
分类:
Web程序 时间:
2014-08-22 12:55:48
阅读次数:
410