在线预览 源码下载 css3鼠标滑过图片文字动画特效是一款常用的5种纯css3实现的鼠标滑过图片动画效果。悬停效果有：1.鼠标悬停图片变大文字消失、2.鼠标悬停文字消失、3.鼠标悬停整体旋转、4.鼠标悬停整体旋转放大、5.鼠标悬停整体上升 加入前端爱好者QQ群(123235875) 点击加群，共同交 ...
分类：
Web程序 时间：
2016-07-13 19:37:45
阅读次数：
235
这是一组纯CSS3人物信息卡片UI设计效果。这组人物信息卡片共9种效果，每种效果在鼠标滑过卡片时，通过CSS3使图片和HTML元素变形生成 非常漂亮的鼠标滑过动画特效。 在线预览 源码下载 使用方法 该人物信息卡片的基本HTML结构如下： 为卡片添加一些通用样式： .single-member{ w ...
分类：
Web程序 时间：
2016-07-13 06:50:09
阅读次数：
385
七巧板的由来 先来个科普吧，是我在查资料过程中看到的，感觉很有意思。 宋朝有个叫黄伯思的人，对几何图形很有研究，他热情好客，发明了一种用6张小桌子组成的“宴几”——请客吃饭的小桌子。后来有人把它改进为7张桌组成的宴几，可以根据吃饭人数的不同，把桌子拼成不同的形状，比如3人拼成三角形，4人拼成四方形， ...
分类：
Web程序 时间：
2016-06-17 09:37:53
阅读次数：
219
之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件，今天这篇文章向大家推荐10个纯 CSS3 代码实现精美加载进度条动画效果的方案。加载动画和进度条在网站和 Web 应用中的使用非常流行，特别是在使用 Ajax 技术加载内容的应用场景中，使用时尚的加载动画和进度条告诉用户内容正在加载中是一 ...
分类：
Web程序 时间：
2016-06-07 01:06:09
阅读次数：
275
今天是火影忍者（漫画）宣告完结的日子，也是我首发的第一个随笔。看过火影的朋友都知道，写轮眼是什么，这里就不多说了。下面就直接展示整个效果，上张图，先睹为快： 目前已经测试 IE10、Firefox浏览器、Chrome浏览器、Opera浏览器、360浏览器（两种模式）兼容已通过。 温馨提示：以上浏览器 ...
分类：
Web程序 时间：
2016-05-26 08:48:10
阅读次数：
241
网上搜索“左右滑动开关”，结果有很多诸如：纯CSS3左右滑动开关按钮等。但事实上，这种按钮是click事件触发的。在手机网页上用这种组件，对于IPhone用户，见多了很多这种滑动按钮，如果点击触发，会显得很不协调。 说白了，网上的这种按钮都是点击按钮而非滑动按钮。我们现在要找一个滑动事件来替代cli ...
分类：
移动开发 时间：
2016-05-24 18:58:25
阅读次数：
311
<style><!--* { box-sizing: border-box; padding: 0px; margin: 0px; } body, html { height: 100%; width: 100%; background-color: black; } .container { he ...
分类：
Web程序 时间：
2016-04-29 14:11:06
阅读次数：
265
上次开完飞机，这次开火车查看效果：http://hovertree.com/texiao/css3/7/效果图：代码如下： 转自：http://hovertree.com/h/bjaf/hovertreetrain.htm 推荐：http://hovertree.com/h/bjaf/kqud99m ...
分类：
Web程序 时间：
2016-04-16 18:36:27
阅读次数：
288
今天看到一篇有关 css3事件的博文，一时兴起便整理下相关的资料。 点击按钮，可以实现开关的滑动效果。 今天看到一篇有关 css3事件的博文，一时兴起便整理下相关的资料。 点击按钮，可以实现开关的滑动效果。 今天看到一篇有关 css3事件的博文，一时兴起便整理下相关的资料。 点击按钮，可以实现开关的 ...
分类：
Web程序 时间：
2016-04-15 18:13:20
阅读次数：
197
