- 浏览: 2560780 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
上一篇讲了rotate,这一次我们再细讲一下translate
下面我们从3个方面开始介绍:
1、translate(x,y) 水平方向和垂直方向同时移动,
- 取值x表示x轴过渡值
- 取值y表示y轴过渡值 ----如果没有赋值,默认是0
- 默认以元素的中心点为基点,可以通过transform-origin进行基点的设置
- x,y如果为负就反方向移动
translate(100px,200px);
2、translateX(<translation-value>) 通过给x方向上的指定参数值,实现x轴方向上的移动。
translateX(100px);
3、translateY(<translation-value>) 通过给y方向上的指定参数值,实现x轴方向上的移动。
translateY(200px);
发表评论
-
盒模型box-direction
2014-03-12 20:58 1125box-direction: ... -
盒模型box-align
2014-03-12 20:27 1137box-align: 受box ... -
css3 keyframes动画生成工具
2014-01-19 20:46 2427本文收录一个css3 keyframes动画生成工 ... -
采用:target来实现锚点的动画
2014-01-19 19:55 2711本代码片段来自gruntjs的官方文档: ... -
pointre-events介绍
2013-11-09 17:05 0本文介绍一下pointer-events ... -
判断支持pointer-events
2013-11-09 16:27 1292本代码片段来自Modernizr fun ... -
css之initial
2013-11-02 21:04 1097本文来自:https://developer. ... -
css4 valid与invalid
2013-08-05 12:03 0本文来自:http://dev.w3.org ... -
animation-fill-mode
2013-04-15 18:30 1205animation-fill-mode ... -
css3 animation
2013-04-11 13:18 1411css3 animation an ... -
css3伪类:not
2013-05-22 10:28 3028http://www.w3.org/TR/c ... -
css3案例之---采用rgba实现背景透明内容不透明
2013-03-28 17:44 2629前言: 部分内容来自doy的博 ... -
css3之transition-delay
2013-03-13 14:06 1382transition-delay ... -
css3之transition
2013-03-13 14:08 1445transition有以下4个 ... -
css3 弹性盒模型 box-flex
2013-02-01 10:22 1345box-flex ------------- ... -
css3 弹性盒模型 box-pack
2013-02-01 10:22 1405box-pack 受box-o ... -
css3 弹性盒模型 box-orient
2013-02-01 10:22 1411box-orient - ... -
css3之transition-property
2013-01-25 11:06 1354transition-property ... -
css3之transition-timing-function
2013-01-24 16:09 1456transition-timing-function ... -
css3的media-queries
2013-01-29 12:08 1276前言: 本文主要简单收录一下media-querie ...
相关推荐
纯css3 transform动画属性鼠标滑过搜索框动画展开文本
css3实现导航动画效果transform及transition css3实现导航动画效果transform及transition
使用CSS3的动画属性.ppt
CSS3 动画属性(Animation) CSS 边框属性(Border 和 Outline) CSS 背景属性(Background) Color 属性 Box 属性 CSS 尺寸属性(Dimension) 内容生成(Generated Content) 可伸缩框属性(Flexible Box) Grid ...
css3属性transform制作圆盘导航菜单代码 css3属性transform制作圆盘导航菜单代码 css3属性transform制作圆盘导航菜单代码 css3属性transform制作圆盘导航菜单代码
纯css3 animation动画属性点击loading加载动画 纯css3 animation动画属性点击loading加载动画
利用css3 transform属性制作的14种不同效果的侧边栏导航的隐藏和显示动画效果。该侧边栏导航可用于移动设备等小屏幕设备,效果极赞。
css3 transform属性制作鼠标点击3D图片叠加动画效果
animate.css动画属性制作css3动画效果
这是一款利用css3 transform属性制作的极富创意的Loading加载动画效果。利用机械臂的传动制造出一种Loading效果。
css3 transform属性制作线条的3D爱心动画 2、非常好看,html,电脑打开就可以用。 3、推荐下载
js条件下多次触发同一个css3动画的解决方案demo,配合blog一起使用。js条件下多次触发同一个css3动画的解决方案demo,配合blog一起使用。
transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。他主要有两个属性值:flat和preserve-3d。 transform-style属性的使用语法非常简单: CSS Code复制内容到剪贴板 transform-style: ...
全屏焦点7屏图片无滚动条,css3动画+html5特效,图片随鼠标移动而移动。每屏可随意添加div。兼容性好。
transform指变换、变形,是css3的一个属性,和其他width,height属性一样 translate 是transform的属性值,是指元素进行2D变换,2D变换就是指,元素以当前位置(0,0)按照x轴的方向移动多少,按照y轴的方向移动多少 ...
html,css,js,CSS3,transform实现multi-flip图片轮播动画
利用css3 transform属性打造的6种隐藏侧边导航菜单动画效果,这个导航菜单是为移动设备量身定制的。
css3 transform属性制作散乱的照片样式代码 css3 transform属性制作散乱的照片样式代码
css3 动画技术 旋转 透明 移动 css3 动画技术 旋转 透明 移动 css3 动画技术 旋转 透明 移动 css3 动画技术 旋转 透明 移动 css3 动画技术 旋转 透明 移动
网页动画素材 css3属性绘制圆形旋转的黑洞动画特效(抖音资料)网页动画素材 css3属性绘制圆形旋转的黑洞动画特效(抖音资料)网页动画素材 css3属性绘制圆形旋转的黑洞动画特效(抖音资料)网页动画素材 css3属性...