css perspective属性怎么用

青灯夜游
Freigeben: 2019-05-29 14:59:09
Original
4388 Leute haben es durchsucht

perspective属性用于定义3D元素距视图的距离,以像素计。该属性允许您改变3D元素查看3D元素的视图。当为元素定义 perspective属性时,其子元素会获得透视效果,而不是元素本身。注:perspective属性只影响 3D 转换元素。

css perspective属性怎么用

css perspective属性怎么用?

perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。

语法:

perspective: number|none
Nach dem Login kopieren

属性值:

● number:元素距离视图的距离,以像素计。

● none:默认值。与 0 相同。不设置透视。

说明:请与 perspective-origin 属性一同使用该属性,这样您就能够改变 3D 元素的底部位置。

注意:perspective 属性只影响 3D 转换元素。

css perspective属性 示例

     
HELLO
Nach dem Login kopieren

效果图:

1.jpg

Das obige ist der detaillierte Inhalt voncss perspective属性怎么用. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!