MENU
Главная » Файлы » Мои файлы

Картинки с эфектом
28.04.2013, 19:40
Код
<br><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/pejzazh/2" target="_blank"><img src="http://www.art-888.ru/_ph/2/1/462032708.jpg"></a><br><br></div><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/gollandskij_pejzazh/3" target="_blank"><img src="http://www.art-888.ru/_ph/3/1/764164941.jpg"></a><br></div><br><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/morskie_pejzazhi/4" target="_blank"><img src="http://www.art-888.ru/_ph/4/1/528084815.jpg"></a><br><br></div><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/natjurmort/5" target="_blank"><img src="http://www.art-888.ru/_ph/5/1/443771495.jpg"></a><br></div><br><br><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/zhanrovaja_zhivopis/6" target="_blank"><img src="http://www.art-888.ru/_ph/6/1/164396736.jpg"></a><br><br></div><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/sankt_peterburg/7" target="_blank"><img src="http://www.art-888.ru/_ph/7/1/25678332.jpg"></a><br></div><br><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/abstrakt/8" target="_blank"><img src="http://www.art-888.ru/_ph/8/1/995911430.jpg"></a><br><br></div><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/cvety/18" target="_blank"><img src="http://www.art-888.ru/_ph/18/1/684591316.jpg"></a><br></div><br><br><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/foto/20" target="_blank"><img src="http://www.art-888.ru/_ph/20/1/578633663.jpg"></a><br><br></div><br><style><br>.stack {<br>float: left;<br>/* - Ширина картинки - */<br>width: 100px;<br>margin: 0 4% 4% 0;<br>position: relative;<br>z-index: 10;<br>}<br>.stack img {<br>max-width: 100%;<br>/* - Высота картинки - */<br>height: auto;<br>vertical-align: bottom;<br>border: 10px solid #fff;<br>border-radius: 3px;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>}<br>.stack:last-of-type { margin-right: 0; }<br>.stack:before, .stack:after {<br>content: "";<br>border-radius: 3px;<br>width: 100%;<br>height: 100%;<br>position: absolute;<br>border: 15px solid #fff;<br>left: 0;<br>-webkit-box-sizing: border-box;<br>-moz-box-sizing: border-box;<br>-o-box-sizing: border-box;<br>-ms-box-sizing: border-box;<br>box-sizing: border-box;<br>-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);<br>-webkit-transition: 0.3s all ease-out;<br>-moz-transition: 0.3s all ease-out;<br>-o-transition: 0.3s all ease-out;<br>-ms-transition: 0.3s all ease-out;<br>transition: 0.3s all ease-out;<br>}<br>.stack:before { top: 4px; z-index: -10; }<br>.stack:after { top: 8px; z-index: -20; }<br>.stack.rotated-left:before {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-3deg);<br>-moz-transform: rotate(-3deg);<br>-o-transform: rotate(-3deg);<br>-ms-transform: rotate(-3deg);<br>transform: rotate(-3deg);<br>}<br>.stack.rotated-left:after {<br>-webkit-transform-origin: bottom left;<br>-moz-transform-origin: bottom left;<br>-o-transform-origin: bottom left;<br>-ms-transform-origin: bottom left;<br>transform-origin: bottom left;<br>-webkit-transform: rotate(-6deg);<br>-moz-transform: rotate(-6deg);<br>-o-transform: rotate(-6deg);<br>-ms-transform: rotate(-6deg);<br>transform: rotate(-6deg);<br>}<br>.stack:hover:before, .stack:hover:after {<br>-webkit-transform: rotate(0deg);<br>-moz-transform: rotate(0deg);<br>-o-transform: rotate(0deg);<br>-ms-transform: rotate(0deg);<br>transform: rotate(0deg);<br>}<br></style><br><div class="stack rotated-left"><br> <a href="http://www.art-888.ru/photo/khudozhniki_proshlykh_let/19" target="_blank"><img src="http://www.art-888.ru/_ph/19/1/264546159.jpg"></a><br></div><br><br>

 

Купить
Цена:14 000 р.  Купить
 
Купить
Цена: 25.000 р. Купить
 
Купить
Цена: 11.000 р. Купить
 
Купить
Цена: 11.500 р. Купить
 
Купить
Цена: 26.000 р. Купить
 
Купить
Цена: 27.000 р. Купить
 
Купить
Цена: 6.500 р. Купить
 
Купить
Цена: 8.500 р. Купить
 
Категория: Мои файлы | Добавил: Go
Просмотров: 572 | Загрузок: 0 | Рейтинг: 5.0/9
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Шедевры живописи Картины, 

продажа Картины для интерьера. Анализ веб сайтов Магазин картин Картины Яндекс цитирования Яндекс.Метрика
лого