Creating image mask | how to work with div| how to create image label how to create watermark to the image using html code

Learning|Tutorial May 11, 2009
By through applying image mask it will apply
Background color is solid
And foreground color is transparent.
In the line5 to 7 it is div element which overlaps the image line8
Div element h1 element is transparent. so you can see the background image through the letters in the foreground.
Source Code
1. <html>
2. <head><title>PRATICE</title>
3. </head>
4. <body>
5. <div style="position:absolute; top:125; left:20; filter:mask(color=#CCFFFF)">
6. <h1 style="font-family:corier,monospace">Welcome to studentwebsite</h1>
7. </div>
8. <img src="1.jpg">
9. </body>
10. </html>
Creating image mask | how to work with div| how to create image label how to create watermark to the image using html code
Tags:
Learning|Tutorial

Posted by: Learning|Tutorial

I am a B.Tech/IT graduate with a total 11 Years of IT experience in Linux and High-Performance computing. When I was studying engineering, I publish this website. On this site I will give you an idea on Lab programs, Linux, Computer Graphics, Software components, and my IT experience. If you have any doubt about my article you can write to swstudenton@gmail.com. This website for those who need to learn and those who love to learn.

Post a Comment

0 Comments