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)

enter image description here

pic2 picture use base (background)

enter image description here

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

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -