Home  >  Article  >  Web Front-end  >  Share html element tilt effect code

Share html element tilt effect code

零下一度
零下一度Original
2017-04-26 14:49:023521browse

This article mainly introduces "html element tilt", which mainly involves the content of html element tilt. Students who are interested in html element tilt can refer to it.

<!DOCTYPE html> 
<html> 
<head> 
<style>  
div 
{ 
width:100px; 
height:75px; 
background-color:yellow; 
border:1px solid black; 
border-radius:5px; 
} 
div#div2 
{ 
transform:rotate(90deg); 
-ms-transform:rotate(90deg); /* IE 9 */ 
-moz-transform:rotate(90deg); /* Firefox */ 
-webkit-transform:rotate(20deg); /* Safari and Chrome */ 
-o-transform:rotate(180deg); /* Opera */ 
} 
</style> 
</head> 
<body> 
<div>你好。这是一个 div 元素。</div> 
<div id="div2">你好。这是一个 div 元素。</div> 
</body> 
</html>

The above is the detailed content of Share html element tilt effect code. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn