自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 资源 (7)
  • 问答 (1)
  • 收藏
  • 关注

原创 H5+CSS3之变型

变型核心属性: transformtransform 变型transformer 变形金刚一个盒子可以携带多个变型,多个变型之间以空格分隔。变型变的是坐标系,下一个变型是在上一个变型完成后,再进行变型。当最后一个变型完成之后,坐标系恢复原状。1 二维变型1.1 旋转变型transform: rotate(deg) //deg是degree的前三个字母表示度数如果参数写正值,表示顺时针,或者说,由x轴正向向y轴正向旋转。如果参数写正值,表示逆时针,或者说,由x轴正向向y轴负向

2020-06-21 11:07:11 473

原创 H5+ CSS3之 CSS3全貌概述

1.1 css3历史CSS3(Cascading Style Sheet 3 层叠式样式表)是CSS的第三代。CSS3的诞生和HTML5是一样的,它的牵头人并不是W3C,而是由各大浏览器厂商所组成的WHATWG组织,后来被W3C机制采纳了。这就导致了CSS3的一些属性在被W3C采纳前后的书写形式有所不同。在被W3C采纳前,如果浏览器支持该属性,需要加上浏览器的私有前缀,以表示这是浏览器的私有属性,非W3C的官方属性。-khtml- linux自带浏览器的私有前缀1.2 css3兼容性前端

2020-06-21 09:49:19 265

Learning Web Design

Learning Web Design

2021-11-10

Learning React

Learning React

2021-11-10

2021大厂前端面试手册(238)(9).pdf

2021大厂面试手册

2021-11-10

index.html

模拟时钟,通过对显示生活中的时钟进行分析,实现时分秒的正常运行,并通过获取当前时间,使其显示实时的时间。希望对于初学js以及学习定时器的同学有所帮助。

2020-11-17

index.html

这是一个通过使用css完成的一个立方体的构建,希望对于刚刚接触css的人有所帮助。要注意旋转时轴也会跟着旋转,所以要看是先旋转还是先位移,根据具体情况具体分析。 transform-style:preserve-3d; 让该元素里面的子元素以三维立体的形式呈现,transform-style一定要给立方体加,不要给立方体的面加。 transform:rotate(deg) 默认是绕垂直屏幕的Z轴进行旋转 transform:rotateZ(deg) 绕z轴进行旋转 transform:rotateX(deg) 绕x轴进行旋转 transform:rotateY(deg) 绕y轴进行旋转 deg表示旋转的度数,正值表示顺时针旋转,负值表示逆时针旋转。 transform: translate(x轴正向的位移, y轴正向的位移); 2D的位移 transform: translate3D(x轴正向的位移, y轴正向的位移, z轴正向的位移); 沿x轴、y轴、z轴方向的位移 transform: translateX(x轴正向的位移) 沿x轴方向的位移 transform: translateY(y轴正向的位移) 沿y轴方向的位移 transform: translateZ(z轴正向的位移) 沿z轴方向的位移

2020-06-21

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除