CSS实现iPhoneSE界面个人练习（19）

最新推荐文章于 2021-06-10 15:50:28 发布

迷人滴巷子哥

最新推荐文章于 2021-06-10 15:50:28 发布

阅读量263

点赞数 1

分类专栏： CSS 文章标签： css3 html css javascript

本文链接：https://blog.csdn.net/weixin_47445023/article/details/106307858

版权

CSS实现iPhoneSE界面个人练习第十九天

Html源代码

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Apple iPhone SE - Rotation</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div id="sticky">
  <canvas id="iphone-se" width="432" height="976"></canvas>
  
  <div id="loading">
    <p>iPhone SE packs our most powerful chip into our most popular size at our most affordable price. It’s just what you’ve been waiting for.</p>
  </div>
  
  <p class="left">
    Durable glass and<br>aluminum design
  </p>
  
  <p class="right">
    Brilliant 4.7”<br>Retina HD<br>display
  </p>
</div>
<!-- partial -->
  <script src='https://cdn.jsdelivr.net/npm/pxloader@1.1.2/PxLoader.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/pxloader@1.1.2/PxLoaderImage.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script><script  src="script.js"></script>

</body>
</html>

CSS源代码

body {
   
  margin: 0;
  background-color: #131313;
}

body.loaded {
   
  height

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

迷人滴巷子哥

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS实现iPhoneSE界面个人练习（19）

CSS实现iPhoneSE界面个人练习第十九天Html源代码<!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>CodePen - Apple iPhone SE - Rotation</title> <link rel="stylesheet" href="./style.css"></head>&l
复制链接

扫一扫