纯CSS3实现图文切换特效 - 何问起 欢迎光临何问起 CSSlider is lightweight & easy to use slider. No JS - pure CSS.... ...
分类：
Web程序 时间：
2016-12-24 16:53:07
阅读次数：
297
体验效果：http://hovertree.com/texiao/css3/39/这是一个使用纯CSS3实现的图文切换效果，没使用js脚本。点击左右箭头或者索圆点引按钮可以切换内容。本特效中使用到了CSS3的新选择器 nth-of-type(n)，:nth-of-type(n) 选择器匹配属于父元素 ...
分类：
Web程序 时间：
2016-12-23 14:17:46
阅读次数：
271
一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： <body> <div class="container"> <!-- 脸 --> <div class="face"> <!-- 头发 --> <div class="hair"> ...
分类：
Web程序 时间：
2016-12-23 01:48:02
阅读次数：
322
今天来个3D旋转菜单，是纯css3实现的，主要用到transform,transition,backface-visibility。 主要是transform这个变换，它是今天猪脚。 transform里有transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。 transfo ...
分类：
其他好文 时间：
2016-12-22 06:21:36
阅读次数：
179
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ background: lightblue; } div.box{ /*position: absolu ...
分类：
Web程序 时间：
2016-12-15 20:54:21
阅读次数：
339
之前在网上看到一些用纯CSS3实现的酷炫效果，以为实现起来比较困难，于是想看看具体是怎么实现的。 一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： <body> <div class="container"> <!-- 脸 --> < ...
分类：
Web程序 时间：
2016-12-14 21:42:46
阅读次数：
177
纯CSS3实现的一些酷炫效果 之前在网上看到一些用纯CSS3实现的酷炫效果，以为实现起来比较困难，于是想看看具体是怎么实现的。 一、笑脸猫动画 实现效果如下： 这个实现起来确实比较麻烦，很多地方需要花时间，有耐心地调整。 1.先看下页面结构： <body> <div class="container ...
分类：
Web程序 时间：
2016-12-12 19:54:32
阅读次数：
454
这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果，可以欣赏一下 在线预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3 ...
分类：
Web程序 时间：
2016-12-02 02:40:10
阅读次数：
270
最近在研究用css3绘制矢量图，于是就用纯css3绘制了能自适应浏览器宽度的哆啦a梦动画，兼容css3的浏览器都可以正常观看，下面只是网页截图： 废话不多说了，直接给代码。 html 代码： css 代码： 注：本内容仅供学习和观赏使用，禁止转载和商业使用，否则追究法律责任。 ...
分类：
Web程序 时间：
2016-11-29 21:43:56
阅读次数：
182
