- 博客(8)
- 收藏
- 关注
原创 CSS3的过渡(CSS3 transition)
css3的过渡就是平滑地改变一个元素的css值,使元素从一个样式逐渐过渡到另一个样式。 css3的过渡使用transition属性来定义,transition属性的基本语法如下 transition:property duration timing -function delay; transition是一个复合属性,由4个属性构成。 transition-property:规定应用过...
2020-03-28 13:31:33
691
原创 CSS3圆角边框
border-radius属性的基本语法格式如下: border-radius:1-4 length | % / 1-4 length | %; 其中length用于设置对象的圆角半径长度,不可为负值。如果"/“前后的值都存在,那么”/“前面的值设置其水平半径,”/“后面的值设置其垂直半径。如果没有”/",则表示水平和垂直半径相等。另外,它的4个值是按照top-left、top-right、b...
2020-03-28 12:16:26
664
原创 HTML5+CSS3制作透视正方体
perspective属性就是实现视觉上的3D效果 transform-style;和preserve-3d;属性用于定义子元素保留3D位置。 下面是代码和效果 效果图
2020-03-28 11:49:26
517
原创 HTML5语义化标签
下面分别是他们的标签名、描述和用法: ①<header>:表示页面中一个内容区块或整个页面的标题 header元素是一种具有引导和导航作用的结构元素,该元素可以包含所有通常放在页面头部的内容。其基本语法格式如下: <header> <h1>网页主体</h1> … </header> ②<section>:页面中的一个内容区块,...
2020-03-04 18:12:04
589
原创 绘制HTML5的logo
1.此项目是由div块级元素拼接而成,用CSS样式控制每一块的样式和位置。代码如下 logo.html logo.css 效果图
2020-03-04 17:14:50
498
原创 CSS3与浏览器
浏览器私有前缀 为了更好的兼容不同内核的浏览器,CSS3中部分属性需要添加浏览器的私有前缀,将某个样式以-xx-开头,具体如下: -webkit- →只有以Webkit为内核的浏览器可以解析,如Chrome、Safari. -moz- →只有以Gecko为内核的浏览器可以解析,如Firefox. -ms- →只有以Trident为内核的浏览器可以解析,如IE. -o- →...
2020-03-04 16:17:14
227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅