这里是精选的12个很炫的 CSS3 效果。CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。
分类:
Web程序 时间:
2014-10-21 17:13:42
阅读次数:
252
分成几部分边框效果、文字排版、2d转换、3d转换、过渡、动画
分类:
Web程序 时间:
2014-10-21 13:42:57
阅读次数:
208
官網網址http://jsbin.com/工具用途你可以利用 JS Bin 提供的線上環境,直接線上編輯網頁,對各式「前端技術」進行分享、測試與偵錯,甚至於可以用來當成教學或提問工具,總之只要跟前端有關的議題 ( HTML5, CSS3, JavaScript ),都很適合先放到這裡,然後透過一個唯...
分类:
Web程序 时间:
2014-10-21 12:04:48
阅读次数:
182
iPhone 6发布不久,屌丝怎能买得起,不过作为程序员,今天看到一个用纯CSS3绘制的iPhone 6,由于CSS3特性的运用,带有点3D的动画特效,大家可以先来看看在线演示效果。在线演示 源码下载HTML结构代码如下: ...
分类:
Web程序 时间:
2014-10-20 20:47:11
阅读次数:
324
前言作为后端开发者,了解前端是必须的,所以自己琢磨着弄了弄一个CSS3的阴影运用。我记得这应该是以前淘宝用过的,PS:现在跑到淘宝去看,好像没有找到了。现在流行扁平化设计,没有了阴影,没有了立体!效果图实现思路这里一共做了两边,一种是用UL,一种是用DIV啦。两种没什么区别,这里着重说DIV的方式。...
分类:
Web程序 时间:
2014-10-20 19:24:51
阅读次数:
250
图1通常我们都使用gif格式的图片或者使用Ajax来实现诸如这类的动态加载条,但是现在CSS3也可以完成,并且灵活性更大.选1个例子看看怎么实现的吧:效果图:图2代码:使用1个名为'loading'的层装所有加载内容,里面需要有多少条目则添加这么多个div,并且使用相同的class名称'coloum...
分类:
Web程序 时间:
2014-10-20 16:38:56
阅读次数:
319
1.纯CSS3实现3D效果iPhone 6动画iPhone 6刚发布不久,今天我们就用纯CSS3来把iPhone 6的外观简单地绘制出来,记得是用纯CSS3实现的哦,没有用一张图片。由于CSS3特性的运用,整个iPhone 6手机边框带有阴影,很有立体3D的视觉效果。在线演示源码下载2.纯CSS3天...
分类:
Web程序 时间:
2014-10-20 14:59:55
阅读次数:
270
最近感觉要被屏幕适配玩死了……安卓的手机为虾米不能像苹果那样只有几个分辨率呢?为什么呢!!!!!!!阿门……目前想到有两种解决办法……第一种: HTML5+CSS3+WebView交互……目前还在研究,空了放demo第二种: 通过安卓UI自己的layout来处理: 1.屏幕界面布局 在 res 目录...
分类:
移动开发 时间:
2014-10-20 09:49:22
阅读次数:
185
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" co...
分类:
Web程序 时间:
2014-10-19 18:42:55
阅读次数:
306
在学习Css3.0选择符的时候,参考了《CSS3.0参考手册》。有个地方没有说明,于是被坑了半个小时呀!在这里和大家分享一下,在选择符分类那里,有一类是属性选择符是通过字串来匹配的!形式有以下几种:属性名选择符E[att]--匹配文档中具有att属性的E元素属性值选择符E[att=val]-..
分类:
Web程序 时间:
2014-10-19 01:32:52
阅读次数:
260