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

分享2021-09-09 隔壁老李于 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张

复制到自己的项目即可


资源下载

赞赏
取消
扫码支持
评论 (2)
访客
Top