首页| JavaScript| HTML/CSS| Matlab| PHP| Python| Java| C/C++/VC++| C#| ASP| 其他|
购买积分 购买会员 激活码充值

您现在的位置是:虫虫源码 > HTML/CSS > html5 仿iphone x留海屏风格的图片轮播(焦点图)效果

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

相 关 资 源

您 可 能 感 兴 趣 的

同 类 别 推 荐

VIP VIP