纯CSS3写的10个不同的酷炫图片遮罩层效果 这个是纯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 ...
分类:
Web程序 时间:
2016-11-28 00:27:24
阅读次数:
187
这个是纯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-11-24 21:36:05
阅读次数:
199
无聊想用JS写个五子棋玩玩,这边先用CSS3画出了五子棋,感觉挺惊艳的。发上来看看 PS:第一次发博文T-T 此为个人原创。 不多说上图: 代码如下: 最后对box-shadow和background-gradient样式说明: box-shadow属性值有4个参数: ...
分类:
Web程序 时间:
2016-10-28 20:11:33
阅读次数:
311
《借鉴地址:http://blog.csdn.net/rtian001/article/details/48474677》 ...
分类:
Web程序 时间:
2016-10-16 16:07:01
阅读次数:
348
webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo: demo1(图片版)、demo2(纯CSS3版) 滚动条组成 ::-webkit-scrol ...
分类:
Web程序 时间:
2016-09-16 18:13:52
阅读次数:
168
以4张图片为例:1.基本布局:将4张图片左浮动横向并排放入一个div容器内,图片设置统一尺寸,div宽度设置4个图片的总尺寸,然后放入相框容器div,相框设置1个图片的大小并设置溢出隐藏,以保证正确显示一个照片。2.设置动画:然后使用css3动画,通过对photos进行位移,从而达到显示不同的图片, ...
分类:
Web程序 时间:
2016-08-22 18:18:40
阅读次数:
468
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{height: 100%;} bo ...
分类:
Web程序 时间:
2016-08-06 18:56:06
阅读次数:
223
样式如何?是不是感觉不可能。告诉你这是可能的 没有用到任何的图片和 js 。该时钟有时针、分针以及秒针,在时钟的圆盘内,都有详细的刻度标记,在时间中央还有数字时钟显示,功能可谓十分强大,界面十分精致。 在css3的渲染下,拥有华丽的视觉界面,这个纯css3精致时钟,你值得拥有! 其主要的实现原理是用 ...
分类:
Web程序 时间:
2016-08-06 12:49:18
阅读次数:
216
<!DOCTYPE html><html> <head> <title> 飛天网事--纯CSS代码实现图片轮播 </title> <meta charset="utf-8" /> <meta name="description" content="飛天网事,WEB前端开发,纯css3代码图片轮播,H ...
分类:
Web程序 时间:
2016-08-02 13:42:01
阅读次数:
496
css3能做什么 响应式开发的基础,然后能实现一些酷炫的效果咯。 以下案例纯css3实现,一点都没用js (入门简单,但是水很深) 叮当猫纯用css3做出 http://codepen.io/airen/pen/icFba 如果大家感兴趣,大家可以去慕课网上找大漠老师的课学习。 边框 1.圆角效果 ...
分类:
Web程序 时间:
2016-07-24 20:50:05
阅读次数:
410