- 博客(4)
- 收藏
- 关注
RSS订阅原创 HTML 5 简要总结
HTML全称:Hyper Text Markup Language即超文本标记语言HTML文档为多种标签结合而成,主体包括的标签:<!DOCTYPE html><html> <head> </head> <body> </body></html>其中第一行代码为声明文档(此为最新HTML 5 的声明方法)html:为根元素标签head:为头部标签,一般放一些优化.文件引用的标签,不显示到页面中b
2020-06-22 21:52:32
195
原创 使用Css3中transition实现过渡动画的效果:
语法transition: property duration timing-function delay;参数详解:property:需要过渡的属性,如果是全部则为all;duration:过渡的时间取值,多少时间完成整个过渡效果transition-timing-function:过渡效果的速度控制;取值:linear(匀速)ease(先慢后快再慢)ease-in (慢速开始)ease-out(慢速结束)ease-in-out(慢速开始和结束)delay : 延迟效果,延迟多久
2020-06-22 21:35:21
1743
原创 Css3之transform(变形)的使用方法
transform为css中对标签进行移动、缩放、斜切等的操作语法使用:transform:参数参数:translate(x,y)平移标签在视口中平移的距离,x即为x轴上移动,y轴同x轴也可拆分写:translateX/Y(移动距离)rotate(旋转)单位:deg(角度)围绕自身旋转多少度顺时针为正值逆时针为负值scale(缩放)标签自身的大小进行放大缩小1为初始值2为两倍0.5为原始大小一半以此类推skew(斜切)标签倾斜度数,单位和rotate相同可将元素进行倾
2020-06-22 21:21:48
754
原创 background-clip的用法:
效果:控制背景的渲染区域可选属性值: border-box | padding-box | content-box,默认值为border-box。background-clip原理是将背景渲染的区域控制和裁剪背景大小,在裁剪范围外的区域则不会被显示。这里举个例,定义一个相同效果的div,将其background-clip的属性取值不同,所在页面上表现的效果区别,代码如下:css: div { display: inline-block;
2020-05-24 12:53:41
2989
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人