随笔分类 - CSS
摘要：以前制作网页动画一般使用javascript，现在已经有越来越多动动画使用纯CSS实现，并且动画的控制也可以使用CSS3实现，因为CSS 3来了，CSS 3的动画功能确实强大。以下是一个纯CSS3制作的风车旋转动画，而且也用CSS 3控制速度。体验效果：http://hovertree.com/te
阅读全文
摘要：这是一个使用了CSS3立体效果的强大特效，本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时，环形图片墙可以跟随鼠标进行3D旋转动画。效果体验：http://hovertree.com/texiao/jquery/92/进去后可以上下左右的拖动图片。本示例中使用到了CSS
阅读全文
摘要：用户登录是许多网站必备的功能。有一种方式就是不管在网站的哪个页面，点击登录按钮就会弹出一个遮罩层，显示用户登录的对话框。这用方式比较灵活方便。而现在扫描二维码登录的方式也是很常见，例如QQ、微信、百度等。现在何问起推荐一个带二维码的登录弹出层，可拖动、关闭，有需要的朋友可以参考一下。体验效果：htt
阅读全文
摘要：在 HTML 语言中，以下哪个属性不是通用属性？A]<class>B]<title>C]<href>D]<style> 在线练习：http://hovertree.com/tiku/bjaf/qi1g37nf.htm 在 CSS 样式定义中，以下哪种 RGB 颜色值是 Web 安全色？A]#1111
阅读全文
摘要：常用前端手册： http://caniuse.com/ http://www.w3school.com.cn/ http://www.runoob.com/ http://www.css88.com/ 预编译官网： http://www.1024i.com/demo/less/ http://les
阅读全文
摘要：jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果，文字在上面移动时，就像是文字投影到墙壁上，在转角出会改变运动方向。效果展示 http://hovertree.com/texiao/jquery/83/效果图如下：完整HTML代码如下： 推荐：http://hovertre
阅读全文
摘要：none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下
阅读全文
摘要：效果展示 http://hovertree.com/texiao/css/25/ 本效果适合PC，也适合移动端手机扫描二维码查看效果：效果图：代码如下： 转自：http://hovertree.com/h/bjaf/csswuliu.htm 特效汇总：http://www.cnblogs.com/r
阅读全文
摘要：效果：http://hovertree.com/texiao/jquery/74/源码下载：http://hovertree.com/h/bjaf/ko0gcgw5.htm效果图如下：代码如下： 转自：http://hovertree.com/h/bjaf/tiaosan.htm 特效汇总：http
阅读全文
摘要：查看效果：http://hovertree.com/texiao/css3/26/源码下载：http://hovertree.com/h/bjaf/ndhxgfkn.htm效果图如下：代码如下： 转自：http://hovertree.com/h/bjaf/taoshu.htm 更多特效：http:
阅读全文
摘要：[Bootstrap](http://hovertree.com/menu/bootstrap/) 是由两个 twitter 员工开发并开源的前端框架,非常火爆，而如此火爆自然有它的道理，在我们团队的所有项目中正全面推行使用 Bootstrap，我想根据自己的实际使用体验来说明一下为什么要用 Boo
阅读全文
摘要：为了悼念，各大网站都纷纷将自己的站点颜色调灰，就连图片也一样，到底如何实现的呢，请看下面的代码。〈img src="http://hovertree.com/hvtimg/201512/f748s0ko.jpg" style="filter:progid:DXImageTransform.Micro
阅读全文
摘要：代码如下： 效果如下： 何问起：Web前端,CSS3,HTML5 特效：http://www.cnblogs.com/roucheng/p/texiao.html
阅读全文
摘要：效果：http://hovertree.com/texiao/css3/24/效果图：代码如下： 转自：http://hovertree.com/h/bjaf/css3xingxi.htm 特效汇总：http://www.cnblogs.com/roucheng/p/texiao.html
阅读全文
摘要：效果：http://hovertree.com/texiao/js/26/ 请移动鼠标看看效果。效果图如下：代码如下： 转自：http://hovertree.com/h/bjaf/js404page.htm 特效库：http://www.cnblogs.com/roucheng/p/texiao.
阅读全文
摘要：效果：http://hovertree.com/texiao/css3/21/本文所用到的CSS知识请点击效果展示也中第一和第二个链接。代码： 转自：http://hovertree.com/h/bjaf/rnqpxtsq.htm 特效库：http://www.cnblogs.com/rouchen
阅读全文
摘要：低调奢华jQuery弹出层菜单，使用新版的jQuery库，兼容多种浏览器。Demo展示： http://hovertree.com/texiao/layer/3/ 本特效可以作为网站的引导页，使用jQuery实现导航菜单，鼠标悬停，在右侧倾斜而出，可以关闭。大图可以选用深色的图片。效果图如下：代码如
阅读全文
摘要：效果图： 是不是比默认的好看多了，个人的审美观应该还是可以的。 当然我们可以在这里查看DEMO演示。 接下来我们一起来看看实现这款美化版Checkbox的源代码。主要思路是利用隐藏原来的checkbox和radiobox，用一个div来模拟checkbox/radiobox，并使用jQuery来完成
阅读全文
摘要：效果：http://hovertree.com/texiao/js/25/效果图：代码如下： 转自：http://hovertree.com/h/bjaf/hovertreetags.htm 特效库：http://www.cnblogs.com/roucheng/p/texiao.html
阅读全文
摘要：效果：http://hovertree.com/texiao/jquery/65/效果图： 手机扫描二维码查看效果：代码： 转自：http://hovertree.com/h/bjaf/vk9yjrpm.htm 特效：http://www.cnblogs.com/roucheng/p/texiao.
阅读全文
