This article mainly to talk about CSS3 and some small knowledge, hope to help everyone. Let's take a look at the small series below.
Box-shadow Adding a shadow to a P element
Box-shadow:h-shadow v-shadow blur spread color inset;
H-shadow: Required. The position of the horizontal shadow. Allow negative values
V-shadow: Required. The position of the vertical shadow. Allow negative values
Blur: Optional. Blur Distance
Spread: Optional. The size of the shadow
Color is optional. The color of the shadow. Find a complete list of color values in CSS color values
Inset is optional. Change shadow inner Shadow from Outer shadow (start)
2.transform: Rotate P element
Compatibility issues:
-ms-transform:rotate (7DEG); /* IE 9 */
-moz-transform:rotate (7DEG); /* Firefox */
-webkit-transform:rotate (7DEG); /* Safari and Chrome */
-o-transform:rotate (7DEG); /* Opera */
3.transition: Please move the mouse pointer over the blue P element to see the transition effect.
<<p> move the mouse pointer over the blue P element to see the transition effect. </p>
! DOCTYPE html>
<p><b> Note:</b> This example is not valid in Internet Explorer. </p>
</body>