转载http://blog.csdn.net/freshlover/article/details/7610269text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:...
分类:
Web程序 时间:
2014-11-04 14:37:11
阅读次数:
244
html:其实就是根据table标签把几个实心圆div进行等边六角形的排布,并放入一个div容器中,然后利用CSS3的循环旋转的动画效果对最外层的div容器进行自转实现,当然不要忘了把div容器的外边框设置圆形弧度的。 1 2 3 4 ...
分类:
Web程序 时间:
2014-11-04 13:05:55
阅读次数:
1058
通过 CSS3 的新特性,我们创作出好的交互和效果的可能性大大增加。这篇文章中,我想与大家分享一些 CSS3 动画按钮效果。我们的想法是创建一个具有不同风格的一些动画链接元素,鼠标悬停时有动画效果和活动状态。
分类:
Web程序 时间:
2014-11-04 12:31:51
阅读次数:
188
一:要解决的问题时:在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。这里加了-webkite的前缀 是因为目前只有chrome支持他。 目前在规范中 支持的效果有:grayscale灰度s...
分类:
Web程序 时间:
2014-11-04 10:46:37
阅读次数:
165
css3的3D旋转:rorateX():参数为正值时,盒子是围绕x轴,完成从Y轴正方向到Y轴负方向的旋转,视觉上呈现高度上的变化。rorateY():参数为正值时,盒子是围绕Y轴,完成从X轴正方向到X轴负方向的旋转,视觉上呈现盒子宽度上的变化。css2D旋转:translate(a,b):a,b,均...
分类:
Web程序 时间:
2014-11-03 20:50:23
阅读次数:
326
http://www.cnblogs.com/PeunZhang/p/3685980.htmlhttp://ecd.tencent.com/css3/guide.html
分类:
Web程序 时间:
2014-11-03 16:18:34
阅读次数:
122
1.PureCSSCokeCan2.ColorfulClock3.jQueryDJHero4.AnimatedPricingColumn5.SlickjQueryMenu6.Frame-by-FrameAnimation(HovertoPlay)7.AT-ATWalker8.ContextualSl...
分类:
Web程序 时间:
2014-11-03 15:58:33
阅读次数:
268
在线演示本地下载用CSS3相关属性生成的动态搜索框效果。
分类:
移动开发 时间:
2014-11-03 15:54:50
阅读次数:
182
??
裁剪 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