html5 仿iphone x留海屏风格的图片轮播(焦点图)效果
- 资源大小:210.65 kB
- 上传时间:2021-06-30
- 下载次数:0次
- 浏览次数:1次
- 资源积分:1积分
-
标 签:
HTML5_CSS3源码
资 源 简 介
一款由html5 CSS3设计创作的网页焦点图,仔细一看,这个焦点图是 仿iphone x留海屏风格的,这种图片轮播(焦点图)效果支持PC端和移动开发端使用,支持缩略图显示,手机外框和Iphone x十分相似,屏幕顶部的留海也是很逼真,甚至能看到摄像头的轮廓。当单击缩略图时,图片显示于屏幕的核心位置,同时网页背景也显示该核心图片,但是背景被CSS3虚化模糊处理,这也是本特效中值得学习的一个亮点。
文 件 列 表
codesc.net
css3-iphone-x-background
css
style.css
css3-iphone-x-background
css3-iphone-x-background
babel
index.babel
codesc.net