CSS3 3D变换功能允许在3D空间中变换元素。
一、元素的3D转换
使用CSS3 3D变换功能,可以对三维空间中的元素执行基本的变换操作。如移动,旋转,缩放和倾斜。
变换后的元素不会影响周围的元素,但可以像绝对定位的元素一样将它们重叠。但是,变换后的元素在其默认位置(未变换)仍...
Python进阶者
2个月前 (11-13) 236℃ 0评论
8喜欢
SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见,以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。
一、简单的蒙版
代码解析:
本示例使用ID=mask1定义一个蒙版。
<mask>元素内部是一个<rect>...
Python进阶者
2个月前 (11-10) 206℃ 0评论
5喜欢
渐变是一种从一种颜色到另一种颜色的平滑过渡。另外,可以把多个颜色的过渡应用到同一个元素上。
SVG渐变主要有两种类型:(Linear,Radial)。
一、SVG 线性渐变
<linearGradient>元素用于定义线性渐变。
<linearGradient&...
Python进阶者
2个月前 (11-06) 264℃ 0评论
2喜欢
一、浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。
属性ChromeFirefoxSafariOperaIEborder-radius5.0 4.0 -webkit-9.04.0 3.0 -moz...
Python进阶者
3个月前 (11-04) 197℃ 0评论
2喜欢
一、居中
1. 居中对齐元素
将块元素水平居中对齐(像 <div>) , 使用 margin: auto;
设置元素的宽度将阻止它伸展到容器的边缘。
然后元素将占用指定的宽度,剩下的空间将平分在两个边距之间:
这个div是居中的。
.center {
mar...
Python进阶者
3个月前 (11-03) 201℃ 0评论
2喜欢
生活中分页的效果到处可见,今天教大家详细的分析一下分页效果。
如何使用 HTML 和 CSS 来创建分页?
如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航
一、分页类型
1. 简单分页
<!DOCTYPE html>
<html lang="e...
Python进阶者
3个月前 (10-30) 149℃ 0评论
1喜欢
早些时候,你必须使用图像实现这些效果。 然而, 通过使用CSS3渐变可以减少下载时间和带宽的使用. 此外,缩放的元素在缩放时看起来更好,因为渐变是由浏览器生成的。
一、浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。(来源于百度)
数字后面的 -webkit- 或者...
Python进阶者
3个月前 (10-28) 110℃ 0评论
1喜欢
CSS3图片边框
使用CSS3 border-image 属性,你可以在元素的周围设置图片边框。
一、浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。
二、CSS3 border-image 属...
Python进阶者
3个月前 (10-28) 166℃ 0评论
1喜欢
CSS3中包含几个新的背景属性,提供更大背景元素控制。
一、浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。
属性ChromeFirefoxSafariOperaIEbackground-image...
Python进阶者
3个月前 (10-27) 135℃ 0评论
1喜欢
一、定义一个HTML表格
使用标签定义HTML表格。
标签定义表中的每一行使用。使用标签定义表头。默认情况下,表标题是粗体和居中的。一个表的数据/单元使用 标签定义。
<table style="width:100%">
<tr>
<th...
Python进阶者
3个月前 (10-22) 211℃ 0评论
1喜欢