Home > Developer > JavaScript
Css transition + 3D, css transition 3d
<! DOCTYPE html>
<Html>
<Head>
<Title> guodu </title>
<Meta charset = "UTF-8">
<Style type = "text/css">
# Wp {
Border: 1px solid red;
Width: 500px;
Height: 500px;
Background-color: pink;
Color: lime;
Transition-property: background color;
Transition-duration: 5S;
Transition-timing-function: cubic-bezr (0 0 0.2 0.2 );
Transition-delay: 1 s;
Transform: perspective (600px );
}
# Wp: hover {
Background: red;
Color: white;
Width: 800px;
Transform-origin: (150px 100px 120px );
Transform: skewY (80deg) rotate (45deg) translate (50% );
}
</Style>
</Head>
<Body>
<Div id = "wp"> </Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
