css rotation属性怎么用

青灯夜游
Lepaskan: 2019-05-29 16:01:04
asal
3563 orang telah melayarinya

rotation属性是css3的一个新增属性,用于围绕由rotation-point属性定义的指定点,对块级元素进行逆时针旋转。边框、内边距、内容以及背景(非固定)也会被旋转!但目前主流浏览器都还不支持该属性。

css rotation属性怎么用

css rotation属性怎么用?

rotation属性围绕由rotation-point属性定义的指定点,对块级元素进行逆时针旋转。

语法:

rotation: angle;
Salin selepas log masuk

属性值:

● angle:元素旋转角度。可能的值:0deg 到 360deg。

注释:边框、内边距、内容以及背景(非固定)也会被旋转!目前主流浏览器都还不支持 rotation 属性。

css rotation属性 示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style> 
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
</style>
</head>
<body>
<h1>旋转效果</h1>
<p><b>注释:</b>目前没有浏览器支持 rotation-point 或 rotation 属性。</p>
</body>
</html>
Salin selepas log masuk

Atas ialah kandungan terperinci css rotation属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan