Friday, May 5, 2017

How to create slanted PREVIEW div

the code below is to create a slanted Preview like the image below.


<div
    style="position: absolute; top: 75px; left: -225px; width: 600px; height: 28px; margin: 0px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: &quot;trebuchet ms&quot;,verdana,arial,sans-serif; transform: rotate(-45deg); transform-origin: 50% 0px 0px; border: 1px solid transparent; z-index: 1200; background-color: rgb(0, 0, 0);" >
    Preview
</div>


Done!!

LinkWithin

Related Posts Plugin for WordPress, Blogger...