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

[网页设计]【笔记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)

效果如下:

四川自驾游最佳路线四川旅游多少钱四川旅游报价价格四川旅游团报价什么时候去四川旅游最好穷游北京_北京旅游怎么省钱?北京旅游省钱攻略 汕头礐石风景名胜区怎么收费?礐石塔山优惠价? 徜徉上海九大冷门古镇:金泽、新场、练塘 香港迪士尼乐园在哪里、怎么去? 清迈到素可泰怎么去? 澳洲84岁猎手与世界最大鳄鱼一起生活30年(图) 钱塘江观潮八大最危险地点曝光(图) 秋天到青天河看水赏红叶 去从化碧水湾泡温泉需要带什么? 罗湖火车站离哪个地铁站最近?从哪个出口出? 杨梅坑环境怎么样?去那里骑自行车好玩吗?_杨梅坑旅游攻略 元旦放几天假,具体怎么放? 静谧唯美七藏沟用心写的游记 日本旅游不可错过的七大奇迹 港澳游购物场所及消费次数须注明 我和老妈的圆梦之旅九寨沟 TAJA155M010RHR Datasheet TAJA155M010RHR Datasheet TAJA155M010RN Datasheet TAJA155M010RN Datasheet TAJA155M010RNJ Datasheet TAJA155M010RNJ Datasheet 到巴西旅游 到巴西旅游 到巴西旅游 巴西旅游路线 巴西旅游路线 巴西旅游路线 巴西旅游多少钱 巴西旅游多少钱 巴西旅游多少钱