码迷,mamicode.com
首页 >  
搜索关键字:css3 transform实现图片投影    ( 9747个结果
CSS3阴影 box-shadow的使用和技巧总结
转载http://blog.csdn.net/freshlover/article/details/7610269text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:...
分类:Web程序   时间:2014-11-04 14:37:11    阅读次数:244
用CSS3和table标签实现一个圆形轨迹的动画
html:其实就是根据table标签把几个实心圆div进行等边六角形的排布,并放入一个div容器中,然后利用CSS3的循环旋转的动画效果对最外层的div容器进行自转实现,当然不要忘了把div容器的外边框设置圆形弧度的。 1 2 3 4 ...
分类:Web程序   时间:2014-11-04 13:05:55    阅读次数:1058
使用 CSS3 制作一组超时尚的动画按钮效果
通过 CSS3 的新特性,我们创作出好的交互和效果的可能性大大增加。这篇文章中,我想与大家分享一些 CSS3 动画按钮效果。我们的想法是创建一个具有不同风格的一些动画链接元素,鼠标悬停时有动画效果和活动状态。
分类:Web程序   时间:2014-11-04 12:31:51    阅读次数:188
IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
一:要解决的问题时:在ie6-ie11下兼容以下透明上传文件按钮的效果。实现方式通过滤镜实现。 二:效果图如下: 三:代码: 样式:.file2 { position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*ie 8*/ filter: alpha(opa...
分类:Web程序   时间:2014-11-04 11:14:28    阅读次数:204
css3 神奇的-webkit-filter
在网页上 鼠标放到图片上的时候高亮 是很常见的。以前我都是放上去的时候更换下图片路径。 直到昨天我发现了一个更好更简洁的办法 那就是css3里的-webkit-filter。这里加了-webkite的前缀 是因为目前只有chrome支持他。 目前在规范中 支持的效果有:grayscale灰度s...
分类:Web程序   时间:2014-11-04 10:46:37    阅读次数:165
css3的3D和2D
css3的3D旋转:rorateX():参数为正值时,盒子是围绕x轴,完成从Y轴正方向到Y轴负方向的旋转,视觉上呈现高度上的变化。rorateY():参数为正值时,盒子是围绕Y轴,完成从X轴正方向到X轴负方向的旋转,视觉上呈现盒子宽度上的变化。css2D旋转:translate(a,b):a,b,均...
分类:Web程序   时间:2014-11-03 20:50:23    阅读次数:326
css3动画
http://www.cnblogs.com/PeunZhang/p/3685980.htmlhttp://ecd.tencent.com/css3/guide.html
分类:Web程序   时间:2014-11-03 16:18:34    阅读次数:122
35个让人惊讶的CSS3动画效果
1.PureCSSCokeCan2.ColorfulClock3.jQueryDJHero4.AnimatedPricingColumn5.SlickjQueryMenu6.Frame-by-FrameAnimation(HovertoPlay)7.AT-ATWalker8.ContextualSl...
分类:Web程序   时间:2014-11-03 15:58:33    阅读次数:268
CSS3实现的苹果网站搜索框效果
在线演示本地下载用CSS3相关属性生成的动态搜索框效果。
分类:移动开发   时间:2014-11-03 15:54:50    阅读次数:182
iframe双滚动条 解决方式 CSS3 overflow-y 属性
?? 裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话: div { overflow-y:hidden; } div { width:110px; height:110px; border:thin solid black; overflow-x:hidden; overflow-y:hidden; } ...
分类:Web程序   时间:2014-11-03 13:07:13    阅读次数:256
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!