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);}
//* defines a div-scoped style, absolutely positioned, flipped 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);}
//* defines the style of the picture, absolute positioning, flipping the 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 Horizontally Flip Vertically
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
