用css实现一部简易的iphoneX

教程大全  / 只看大图  / 倒序浏览   ©

#楼主# 2020-3-20

跳转到指定楼层

马上注册,分享更多源码,享用更多功能,让你轻松玩转云大陆。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

就在上周,举世瞩目的iphoneX发布了;但是……据说能拿到手要等到11月!

不知道果粉们……肾准备好了没?

作为会代码又略懂点设计的程序员,绘制它不是问题!可以分分钟送你一部!哈哈,今天就来用css样式绘制一台苹果最新的手机!

效果如下:

091516dbfwstccqlzdalbl.jpg

实现代码也非常简单:

html:

091517aojz15u6yx5xws66.jpg

css:

091517ck1pvu0x5uqv665v.jpg

091517glu7pm0axlhxabu0.jpg

091518ejztwqajk0aq1vb1.jpg

091518f515c5onsbo5zsky.jpg

091519z1g116di66t91jds.jpg

附上要用到的背景图:

091519ppirmvcrr1qfiqcx.jpg

分享淘帖
回复

使用道具

您的回复是对作者最大的奖励

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

15070979214

新手猿

  • 主题

    7

  • 帖子

    7

  • 关注者

    0

Archiver|手机版|小黑屋|云大陆 | 赣ICP备18008958号-4|网站地图
Powered by vrarz.com!  © 2019-2020版权所有云大陆