在百度搜索中有这样一个彩蛋:搜索“旋转”,“跳跃”,“反转”等词语,会出现相应的动画效果。查看源码可以发现,这些效果正是通过CSS3的animation属性实现的。我们好像都无法免俗,经常将CSS3动画与JavaScript动画相比,试图分个孰优孰劣。
分类:
Web程序 时间:
2015-06-21 02:00:20
阅读次数:
819
1、使用CSS3的flex-box通过将父元素的display设置为flex,并将子元素的margin设置为auto即可实现,不过这种方法有些兼容问题如下:.outer { width:400px; height:400px; border:1px solid #000; d...
分类:
其他好文 时间:
2015-06-20 17:03:35
阅读次数:
108
CSS3图片滚动菜单,纵向垂直滚动,鼠标移到图片上之后,根据鼠标的移动图片会跟随滚动,因使用CSS3的部分属性,所以本效果需要火狐或chrome内核的浏览器才能看到真正效果,希望学习CSS3技术的朋友们喜欢。...
分类:
Web程序 时间:
2015-06-20 14:22:59
阅读次数:
169
CSS3图片滚动菜单,纵向垂直滚动,鼠标移到图片上之后,根据鼠标的移动图片会跟随滚动,因使用CSS3的部分属性,所以本效果需要火狐或chrome内核的浏览器才能看到真正效果,希望学习CSS3技术的朋友们喜欢。
分类:
Web程序 时间:
2015-06-20 14:15:19
阅读次数:
128
其实在之前学习CSS3的时候,我并没有注意到有calc()这个属性,后来在看一个大牛的代码的时候看到了这个,然后就引发了后来的一系列的查找、学习,以及这篇博客的诞生。好了,废话不多说了,来干正事。一.基本介绍 其实,calc()这个形式看起来就很容易让人想到Javascript里的函数,当然他不是....
分类:
Web程序 时间:
2015-06-19 20:17:52
阅读次数:
179
btn2 /*--按钮1--*/
.container1?{
??width:200px;
??display:block;
??margin:20px?auto;
??position:relative;
??font-family:droid?arabic?kufi;
}
.con_down1?{
??display:block;
??curso...
分类:
Web程序 时间:
2015-06-18 17:33:08
阅读次数:
156
又很久没有'剥壳'了,最近在为一家公司做一个生产管理解决方案。所以都很忙。今天的话题很简单,就做一个很简单的网页特效。今天偶然浏览到一个网站,他们在选择文字时,样子不是蓝背景和白色字体那么单调,感觉这样很好。至少,显得和别人的不一样。 其实他用的就是css3的一个伪对象选择符,::select...
分类:
Web程序 时间:
2015-06-18 16:59:46
阅读次数:
219
HTML5 和 CSS3 的快速发展,给我们带来了极大的便利,比如从此再也不用花费大量的时间只是为了设计一个圆角的效果。但是!我们不能像控制机器一样来控制所有的人都一夜之间升级到现代浏览器,因为那些 不够现代的浏览器 诞生之时,HTML5和CSS3尚未被正式推出。于是,我们的问题来了:针对那些不支持...
分类:
Web程序 时间:
2015-06-18 13:14:37
阅读次数:
201
原理参考http://www.yyyweb.com/demo/colorful-clock/index.html一个挺漂亮的小时钟,虽然挺简陋的。源代码是自己写。实现起来不怎么难,大家学习学习吧。其中用的css3的flex弹性盒子,个人觉得有了这个弹性盒子之后,水平的布局都简单了,不过flex兼容性...
分类:
Web程序 时间:
2015-06-16 22:32:15
阅读次数:
166
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法复制代码代码如下:#triangle-up {width: 0...
分类:
Web程序 时间:
2015-06-16 20:44:54
阅读次数:
118