码迷,mamicode.com
首页 > Web开发 > 详细

【笔记JS/HTML/CSS】CSS3实现鼠标滑动显示动画(transition、transform)

时间:2015-11-03 21:09:07      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:

源码已托管github:https://github.com/CheerM/HTML-CSS3-project1

 

其实是一个根据mooc网视屏教程做的一个小项目,没有很费时间,但是最终效果还是挺好看的

用到了响应式设计的media query方法

顺便一提,响应式设计有三种:

1)JS原生(不建议使用,不利于优化)

2)media query(有分内嵌、外联)

3)前端框架(e.g. bootstrap)

效果如下:

技术分享

 

技术分享

技术分享

 

【笔记JS/HTML/CSS】CSS3实现鼠标滑动显示动画(transition、transform)

标签:

原文地址:http://www.cnblogs.com/cheermyang/p/4934182.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!