- 博客(6)
- 收藏
- 关注
RSS订阅原创 逆战小白提升日記——网红时钟罗盘北京时间页代码
网红时钟罗盘北京时间页代码，教程请看上一篇博客，有疑问请评论留言。。。。**HTML架构代码**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti.
2020-07-10 16:44:33
852
2
原创 逆战小白提升日記——网红时钟罗盘制作
最近很火的时钟罗盘，下面是我写的一个效果图，我写的这个比较复杂一点，所以今天只介绍时钟部分。（最下方有源代码，喜欢的友友可以自行复制）我们先介绍布局思路1.，我们把它分成四个盒子，分别存储秒数，分钟数，小时数，星期数。2.先把刻度数全部定位在各自盒子右边（左右），中间（上下）部分，然后依次旋转，形成罗盘布局。3.让盒子以不同的速度旋转，（链接到时间），产生时钟效果。下面我们来分析具体...
2020-03-28 19:53:47
1965
5
原创 逆战小白学习日記（第一节）——web前端入门准备
在接下来的时间里，我将系统的从入门到深入给大家分享我的学习经历，为大家介绍并讲解从一名小白到老鸟，都要学习哪些东西，喜欢的可以关注我一下。。。。。。首先，入门的两大神器 PhotoshopCC，Visual Studio Code，PScc我建议用2018版本以上的，有好多后续的应用比较方便些，VS在网上都有破解版的，最好也是比较新的版本。具体下载呢可以百度云，非常方便，安装方面度娘都有介绍。...
2020-03-17 22:49:53
257
1
原创 逆战小白提升日記——css做轮播图（超简单）
我们在设计网页时，常常会用到轮播图的设计，一般情况下会使用js，这样做出来的特效比较炫酷。但对于一些简单的网页，用css实现简单的轮播图效果，是十分方便的。菜鸟请看，老鸟随意！！！！！！！！！看下图↓↓↓看上图，黑色的是最外层容器，也就是我们能看到的区域（设置超出区域不可见overflow: hidden），红色容器用来装我们需要轮播的图片，高度和父容器相同，按需要自行设置（加个弹性，...
2020-03-07 15:12:01
358
1
原创 逆战小白提升日記——子元素在父元素中水平垂直居中
在一些网页布局中，使子元素在垂直和水平方向同时居中是我们较常见的一种操作，今天就为大家分享几种比较方便的方法。例如我们取父元素为600px的正方体，子元素宽300px，高200px。1.在子元素固定大小的情况下采取 定位+拉取的方法我们先使用绝对定位position: absolute;top: 50%;left: 50%;（父元素加上相对定位，小白很容易忽略）使子元素的右上角位于父元素中心...
2020-03-01 00:13:20
251
原创 逆战小白提升日記——css3 transform位移在复合写法中所受影响
css3 transform属性主要所影响的值主要有以下几种，旋转rotate，扭曲skew，缩放scale，和移动translate。而在复合写法时translate的位置不同，其最终实现效果也会受影响，其影响原理是什么呢？废话不多说，看图↓ ↓ ↓黑色块分别右移400px，200px上图红色块：transforms：scale（2）translateX（200px）下图红色块：tran...
2020-02-23 00:50:37
535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人