纯CSS实现的移动设备模型，包含 iPhone/iPad/MacBook Pro/Android/Lumia

分享•2年前• 隔壁老李于 2021-09-09 09:32:07 最后编辑

devices.css是一个纯css实现的移动设备模型项目

机型包含iPhone系列/iPad mini/MacBook Pro/Galaxy Note 8/HTC One/Lumia920等

多种颜色样式可选。

纯CSS实现的移动设备模型，包含 iPhone/iPad/MacBook Pro/Android/Lumia 第1张

纯CSS实现的移动设备模型，包含 iPhone/iPad/MacBook Pro/Android/Lumia 第2张

纯CSS实现的移动设备模型，包含 iPhone/iPad/MacBook Pro/Android/Lumia 第3张

纯CSS实现的移动设备模型，包含 iPhone/iPad/MacBook Pro/Android/Lumia 第4张

只需要引入CSS并复制需要的HTML即可在网页展示一个设备模型。

使用方法：

引入devices.min.css

<link rel="stylesheet" href="devices.min.css" type="text/css">

从index.html或演示网站中选择需要的设备，点击 Grab the code 生成html代码

纯CSS实现的移动设备模型，包含 iPhone/iPad/MacBook Pro/Android/Lumia 第5张

复制到自己的项目即可

资源下载

CSS HTML 模型样机

赞赏

本文由 @隔壁老李于 2021-09-09 发布在野路子博客，如无特别说明，本博文章均为原创，转载请保留出处。

评论 (4)

沉冰浮水来客

我还是很喜欢微软的手机系统的，可惜没活下来。。

2021-09-09 11:17:22 · 来自河北省石家庄市联通 · 回复

@沉冰浮水表示抽屉里还有一块电池坏了的lumia1020

2021-09-09 20:06:13 · 来自山东省青岛市中国海洋大学 · 回复

Top