扫码关注官方订阅号
这种凸显的效果怎么实现的？
小伙看你根骨奇佳，潜力无限，来学PHP伐。
科普时间~
bootstrap不是一门技术, 这么说很外行. 多多少少是个程序员了, 不要被人笑话.
能用bootstrap写出来的, 用css + js一定能写出来, 反之不成立.
这个效果纯css就能写出来, 当然, 用js会更方便一些. 怎么写? 搜轮播图即可, 看起来不一样, 实质都是一样的
如果想要现成的，搜索swiper
swiper
前段时间看过一个jquery插件的实现 http://www.softwhy.com/demo/c...
https://github.com/LikaiLee/C...
凸显的实现原理也不复杂，就是绝对定位+z-index。
请百度 swiper
http://www.swiper.com.cn/api/...拿走不谢
http://www.swiper.com.cn/api/...你要的效果,调整角度即可...
这个不需要什么其他框架，基础的js+css就可以做到。层叠的实现大致通过zindex控制前后层次，scale缩放大小，再加一些position进行定位。js做一些控制效果，控制translateX等位置属性改变位置，变换大小等等。建议楼主自己多思考一下，然后不依靠插件直接自己写。写个demo后面在和网上的去对比下，不断丰富效果。
swiper.js 就可以了
试着用js+css自己写一个吧。
scale、opacity、transform、transition等css属性可以完成
另外，transitionEnd事件也可以调查下
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
9
395
收藏
科普时间~
bootstrap不是一门技术, 这么说很外行. 多多少少是个程序员了, 不要被人笑话.
能用bootstrap写出来的, 用css + js一定能写出来, 反之不成立.
这个效果纯css就能写出来, 当然, 用js会更方便一些. 怎么写? 搜轮播图即可, 看起来不一样, 实质都是一样的
如果想要现成的，搜索
swiper前段时间看过一个jquery插件的实现 http://www.softwhy.com/demo/c...
https://github.com/LikaiLee/C...
凸显的实现原理也不复杂，就是绝对定位+z-index。
请百度 swiper
http://www.swiper.com.cn/api/...
拿走不谢
http://www.swiper.com.cn/api/...
你要的效果,调整角度即可...
这个不需要什么其他框架，基础的js+css就可以做到。
层叠的实现大致通过zindex控制前后层次，scale缩放大小，再加一些position进行定位。
js做一些控制效果，控制translateX等位置属性改变位置，变换大小等等。
建议楼主自己多思考一下，然后不依靠插件直接自己写。写个demo后面在和网上的去对比下，不断丰富效果。
swiper.js
就可以了
试着用js+css自己写一个吧。
scale、opacity、transform、transition等css属性可以完成
另外，transitionEnd事件也可以调查下