一款空白的iPhone手机框

iPhone Template 可用于包容移动应用动画演示的手机外框。

css3, iphone

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 4436
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

.phone {
    display: table;
    margin: 0px auto;
}
.one_plus_screen {
    width: 19em;
    height: 30.6em;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    background: #fff;
    background-color: pink;
    margin-top: 15px;
}
#cover {
    position: relative;
    border: 2px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
}
#camera {
    postition: relative;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #ccc;
    margin-left: 100px;
    padding: 0px;
    margin-bottom: 4px;
}
#speaker {
    position: relative;
    width: 45px;
    height: 5px;
    border-radius: 4px;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-top: -11px;
    margin-bottom: 6px;
}
#n_light {
    position: relative;
    ;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
}
#home_btn {
    postition: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 4px solid #ccc;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
}

HTML

iPhone Template 可用于包容移动应用动画演示的手机外框。

css3, iphone

编辑器支持Emmet

快捷键

iPhone Template 可用于包容移动应用动画演示的手机外框。

css3, iphone

纯CSS3构建3D平躺的iPhone 6（无图片）手机

CSS3 带控制的模拟iPhone 3D效果

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：