Старинное оформление картинок на blogger blogspot

Привет Всем моим читателям. Вот появилось немного времени, которое я быстро конвертирую на время уделенное блогу. Сидя перед мониторм и делая очередное задание. Ко мне пришла «Эврика» и я решила открыть серию постов: Оформление картинок на blogspot. Где я хочу собрать всевозможные скрипты по оформлению картинок как русских вебмастеров работающих с HTML, CSS так и зарубежных.

Я уже писала один пост об интересном решении для картинок. Который может украсить ваш блог. Сегодня я решила продолжить данную тему. Я нашла очень интересное оформление, возможно кому-то оно будет по душе.

Вставьте код перед b:skin>

.vintage img {padding:0;float:left;}.vintage {border:10px solid #000;position: relative;float: left; /* Change to right if you want the images to be aligned to the right */margin-right: 20px;margin-bottom: 20px;}.vintage:before {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(255,102,0, 0.6); /* sepia */background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNps79V1vOLBqYQTia4za12XRCGOX6PWAuB_XL4f9qlOCICa2EvfxMPyrMLJx21GVwY4mgKNeo75u6k0qpJ2qadoTTPPD7jpaTG4ShXcFbzA0e3EGqFgtZX_RJa9FzZwOjehXXndOgHNA/s0/grunge.png);background-size: cover;box-shadow: inset 0 0 50px #000, inset 0 0 50px #000, inset 0 0 50px #000;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all .1s;}.vintage:hover:before {background: none;box-shadow:none;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all .1s;}