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

分享3年前 隔壁老李于 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张

复制到自己的项目即可


资源下载

本文由 @隔壁老李 于 2021-09-09 发布在 野路子博客,如无特别说明,本博文章均为原创,转载请保留出处。
评论 (4)
访客
沉冰浮水
我还是很喜欢微软的手机系统的,可惜没活下来。。
· 来自河北省石家庄市 · 回复
隔壁老李
@沉冰浮水 表示抽屉里还有一块电池坏了的lumia1020
· 来自山东省青岛市 · 回复
Top