: Adobe Illustrator Transparent Mask I'm not much of a graphic artist, but I try to learn how to do new things. I learned how to use the Extrude & Bevel to create a 3D effect. I like

@Nimeshi706

Probably better suited for StackOverflow.com (which may already have an answer).


.tab {
margin: 20px;
background: #601 ;
color: #fff ;
display: block;
width: 200px;
text-shadow: 0 1px 1px #000 ;
font: bold 20px Verdana, Arial, Helvetica, sans-serif;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-left-radius: 20px;
-moz-border-top-right-radius: 3px;
border-top-left-radius: 20px;
border-top-right-radius: 3px;
text-align: center;
padding: 10px 20px;
-webkit-box-shadow: inset -5px 5px 3px #801,inset 5px -5px 3px #501;
-moz-box-shadow: inset -5px 5px 3px #801,inset 5px -5px 3px #501;
box-shadow: inset -5px 5px 3px #801,inset 5px -5px 3px #501;}

Which creates this:



A demo can be seen here

As for creating a mask in illustrator, I don't understand what you are envisioning. Illustrator spits out images. You can cover images with divs in HTML or color the background of the image via CSS. I'm completely unclear how you would use a "mask" from Illustrator on a web page.

Vote Up Vote Down