Filter:fliph
Filter:flipv
Let's look at a picture: click to enlarge
The following is a horizontal flip and a vertical flip for it, and a piece of text above the picture also flips. The code is as follows:
<title>flip css</title>
<style>//* set CSS style start *//
<!--
div{position:absolute;top:20;width:300;
Filter:fliph (FLIPV);}
* Define DIV range style, absolutely position, flip to flip horizontally or flip vertically.
Note: Here Fliph and FLIPV only take one of the *//
img{position:absolute;top:70;left:40;
Filter:fliph (FLIPV);}
* Define the style of the picture, absolute positioning, flip attributes and Div. *//
-->
</style>
<body>
<div>
<p style= "FONT-FAMILY:BAILEY;FONT-SIZE:36PT;
Font-weight:bold Color:rgb (10,128,156); ">
Leaf Village </p>
* Define font name, size, weight, color *//
</div>
<p></p>
* Import a picture *//
</body>
The two effects that the code produces are as follows: (click to enlarge)
Flip Vertical Flip Horizontally
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
