你的位置:首页 > 网页设计

[网页设计]【笔记JS/HTML/CSS】CSS3实现鼠标滑动显示动画(transition、transform)

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

 

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

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

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

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

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

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

效果如下: