回到首页登录注册
共1条记录

探索者详细>>

js让css3 兼容写法更简单:

function fix(s,v){ var ar=['Moz','Ms','O','Webkit'],r={},ds=s.replace(/([a-z]{1})/,function(a,b){return b.toUpperCase();}); for(var i=0;i<ar.length;i++){ r[ar[i]+ds]=v; } r[s]=v; return r;
}

探索者详细>>

高性能 CSS3 动画

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。

关于流畅度,主要体现在前端动画中,在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案,在PC端兼容低端浏

探索者详细>>

CSS3 2D和3D转换(transform)

Transform 适应于对任一DOM元素的2D或3D转换,这些转换效果有:旋转(rotate)、拉伸(scale)、平移(move)、倾斜(skew)等,利用Transform和javascript可以制作一些简单的动画,可以为web应用带来些意想不到的效果。

目前浏览器并不是完全支持所有的Transform ,IE9、Firefox 和Opera 仅支持2D transforms ,相应

探索者详细>>

css3 的新特性介绍

主要是transition(过渡效果),translate(移动),transform(变形)以及animation(动画)。

几个新特性的叠加可以产生很强大的效果,而且比起写JS要方便得多,当然,目前只有webkit和mozilla以及难见踪影的IE10支持CSS3,webkit支持得最好,moz次之,IE杯具。所以目前CSS3的应用主要还是在iOS和android上会比较有前途,PC上就算了,玩玩就好了。稍微介

阳光详细>>

gif动画本身有个缺点就是质量不高,周围有锯齿 必须要给个相同的背景才行,如果用css3制作的绝对是高品质的矢量动画 可以适应任何背景。但是浏览器必须要支持css3 手机上推荐使用

代码:

<style>
#bowlG{
position:relative;
width:64px;
height:64px;
} #bowl_ringG{
position:absolute;
width:64px;
height:64px;

行者详细>>

select 表单元素重写:

<!DOCTYPE html> <html>
<head>
<meta charset="utf-8" />
<title>select 重写</title>
<style>
body{ font-size:12px;}
.u_select{ height:30px; display:inline-block; position

探索者详细>>

1

蒙娜丽莎的微笑 纯css版

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>蒙娜丽莎的微笑</title>
<style type="text/css">
body { background: black; }
#monalisa { position: absolute; top: 


京ICP备12040723号 关于易寻 联系我们 手机版