css - Making shaped viewport for pictures -
i'm trying make "skewed" shape viewport window pictures
pic1 want make (i don't know how pictures have)
pic2 picture use base (background)
i'm using viewport window in css
.town_window{ width:190px; height:165px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); color: grey; opacity: 0.7; overflow: hidden; } #caluga{ background:url(images/caluga.jpg) no-repeat; width: 277px; height: 190px; }
i'm getting scewed picture (i understand why), cannot figure out how accomplish task.
please ))
thanks in advance, alexei
Comments
Post a Comment