- 博客(6)
- 收藏
- 关注
原创 逆战小白提升日記——网红时钟罗盘北京时间页代码
网红时钟罗盘北京时间页代码,教程请看上一篇博客,有疑问请评论留言。。。。**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关注的人