码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
原生js判断css动画结束 css 动画结束的回调函数
css3 的时代,css3--动画 一切皆有可能;传统的js 可以通过回调函数判断动画是否结束;即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件;transitionend事件和animationend事件标准的浏览器事件,但在WebKit浏览器里你仍然需要使用w...
分类:Web程序   时间:2015-03-09 17:31:17    阅读次数:203
一些移动端开发的细节记录
整理一些看到,觉得有用的东西,放在这里,后续会有更新. 1.基于CSS3的WEBAPP横向滑动模式演化 2. zepto swipe* 事件失效
分类:移动开发   时间:2015-03-09 14:11:13    阅读次数:166
webapp新体验Rem实现移动端网页适配详解资源
本来想写一篇,webapp使用Rem的问题,查了一下相关rem的介绍之后,发现很多平台已经解释的很清楚了,图文并茂,于是我便想将其解释资源整理一些,方便以后自己查阅。 腾讯ISUX:web app变革之rem(解释的最精辟了) 大漠博客:CSS3的REM设置字体大小 小黑成长录:关...
分类:移动开发   时间:2015-03-09 10:50:41    阅读次数:2353
Bootstrap 3兼容IE8浏览器(转)
Bootstrap是一个响应式的布局,你可以在宽屏电脑、普通电脑,平板电脑,手机上都得到非常优秀的布局体验。这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式。IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了...
分类:其他好文   时间:2015-03-07 16:55:36    阅读次数:25842
66种基于animate.css的CSS消息提示动画效果
这是一款基于animate.css的效果非常酷的CSS消息提示动画效果。这66种CSS消息提示动画效果按出现位置分为4种类型:上部、中部、中下和右下。每个部位的消息提示效果都是不一样的。 注意:这个CSS消息提示动画效果需要在支持CSS3的浏览器中才能正常工作。 在线演示:http://www.htmleaf.com/Demo/201503061471.html 下载地址:http:...
分类:Web程序   时间:2015-03-07 14:12:27    阅读次数:117
multi-column多列布局
前言 CSS3的多列布局(multi-column),主要用来实现文本的多列布局,类似于报刊杂志的排版。之前要实现文字的多列排版是非常麻烦的(手动拆分,绝对定位,JS脚本),但是有了多列布就显得轻松多了。 兼容性:IE10、firefox、chrome、opera、safari相关属性1、col.....
分类:其他好文   时间:2015-03-06 14:07:12    阅读次数:140
CSS3圆角,阴影,透明
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1.圆角CSS3实现圆角有两种方法.第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样...
分类:Web程序   时间:2015-03-06 09:27:52    阅读次数:133
IOS 开发笔记-基础 UI(4)按钮的使用(transform属性)和学习案例
利用transform属性可以修改控件的位移(位置)、缩放、旋转。经常用在动画里,比如旋转角度,动画缩放,平移等先学几个 xcode 开发的小技巧:故事板的viewcontroll,可以直接拖拽复制,且不同项目里的图片素材也可以相互拖拽复制使用,但是图片的拖拽复制要按option 健进行,否则就是剪...
分类:移动开发   时间:2015-03-05 22:15:29    阅读次数:397
按钮特效(CSS3)
先预览效果其中用到了CSS3的Transition属性:设置动画时间、效果;Transform属性:设置元素旋转、位移;box-sizing属性:以特定的方式定义某个区域的特定元素;制作小三角方法:1 width:0; height:0; overflow:hidden; 2 border:7px ...
分类:Web程序   时间:2015-03-04 12:50:03    阅读次数:204
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!