码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
写插件时遇到的一个小问题,关于animate和css3的问题
昨天写代码时,偶然想到了如果我们把css3属性放在animate中,指定时间。能否实现动画呢。举个例子吧: 如上代码,box会在一秒种从0deg旋转到90deg吗?答案是否定的。 于是我查了下jquery的手册,发现animate的第一参数中确实不能放css3的属性。于是乎怎么办呢?我在st...
分类:Web程序   时间:2015-03-21 11:14:50    阅读次数:131
基于css3的环形动态进度条(原创)
基于css3实现的环形动态加载条,也用到了jquery。当时的想法是通过两个半圆的转动,来实现相应的效果,其实用css3的animation也可以实现这种效果。之所以用jquery是因为通过jquery可以在网站中动态改变加载的百分比。同时,用如果单纯用css3的animation的话扩展性太差.....
分类:Web程序   时间:2015-03-21 11:14:09    阅读次数:204
CSS3手机端侧滑菜单 4种滑动菜单特效
这是一款基于CSS3的手机端侧滑菜单,一共有4种侧滑动画特效。这款CSS3菜单的特点是鼠标划过时即可以各种动画方式展开和隐藏菜单项,该动画方式由CSS3中的transition-delay属性来完成,具体效果大家可以看演示。原味地址:http://www.xuecss3.com/htmlcss-8-...
分类:移动开发   时间:2015-03-21 01:06:14    阅读次数:181
css3中的calc()
什么是calc()? calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的好处就是用在流体布局上,可以通过calc()计算得到元素的宽度。 calc()能做什么? calc()能让你给元素的做计算...
分类:Web程序   时间:2015-03-19 13:20:31    阅读次数:195
用 -webkit-mask-image 解决 border-radius 元素对应用了 transform 的子元素 overflow:hidden 失败的 BUG (WebKit下).
今天在网上学习的时候看到一个文章,感觉以后可能会用到,所以就COPY了过来,以便以后可以查阅,感谢 MaCheng的分享,原文地址:http://blog.mc-zone.me/article/370在 CSS3 的border-radius上能遇到很多坑。有关 Android 移动端各种兼容就不说...
分类:Web程序   时间:2015-03-19 10:01:49    阅读次数:481
CSS3 Box-sizing
CSS3 Box-sizing作者:大漠日期:2011-06-18点击:7860background-sizingcss3属性详解box-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运...
分类:Web程序   时间:2015-03-18 17:30:12    阅读次数:199
jQuery和CSS3打造逼真的图片放大镜效果
这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的box-shadow和border-radius实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景图像。 在线演示: 下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503171533.html...
分类:Web程序   时间:2015-03-18 14:08:25    阅读次数:199
媒体查询---响应式设计小实例
众所周知,随着移动端高速发展,对于前端开发人员来说,HTML5+CSS3的地位越发的举足轻重了。其中的响应式设计也真正的流行起来。可能此时小码哥写这篇文章来说,也已经有些晚了,但,鄙人的目的是方便自己以后翻阅的,当然,也希望能对看到该文章的人有所帮助。什么是响应式设..
分类:其他好文   时间:2015-03-17 18:20:37    阅读次数:179
纯CSS绘制三角形(各种角度)
纯CSS绘制三角形(各种角度)CSS三角形绘制方法,学会了这个,其它的也就简单。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CS...
分类:Web程序   时间:2015-03-16 16:05:56    阅读次数:150
CSS3使用calc()做算术 (转)
calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。这个函数能让你执行简单的算术计算,例如计算元素的长宽,免去了你写不易维护的Javascript代码。这个函数支持所有简单的基本算术运算,包括加减乘除。表达式中有“+”和“-”时,其前后必须要有空格,如...
分类:Web程序   时间:2015-03-14 09:31:26    阅读次数:137
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!