» »

Стильный эффект CSS3 на сайте uCoz


Стильный эффект CSS3 на сайте uCoz

Стильный и в тоже время красивый эффект изображение на сайте. Можно просто его выставить в то место где находиться Avatar пользователей сайта. Сам эффект будет показан только на аватарке и стили сработают на ее и очень красиво получиться. Все сделано в оригинальном стили и смотрится просто превосходно и главное не очень весит, для такого скрипта, что большой плюс.

Установка:в HTML-каркас


HTML код

Код
<div class="imgholder">  
  <div class="outer1 circle"></div>  
  <div class="outer2 circle"></div>  
  <figure>  
  <img src="Ссылка на изображения" />  
  <figcaption class="caption">Название изображения</figcaption>  
  </figure>  
  </div>


CSS3 стиль первого варианта



CSS3 стиль второго варианта



CSS3 стиль третьего варианта

21.01.2016 Просмотров: 466 Комментарий: (6)

Поделиться в социальных сетях

Материал разместил

Комментарий: 6
ТОРНАДО
ТОРНАДО 21.01.2016 17:301
0
Kocten поправь DEMO по адресу увидишь!
Kosten
Kosten 21.01.2016 17:522
0
Цитата ТОРНАДО
Kocten поправь DEMO по адресу увидишь!

ТОРНАДО, есть такой скрипт, но ладно, скинь в ЛС скрипты, то они здесь перевелись на Русский как можно заметить.
ТОРНАДО
ТОРНАДО 21.01.2016 17:553
0
Я не понял ты про че можно по подробнее
Kosten
Kosten 21.01.2016 17:574
0
Все исправил, просто здесь такой же код на материал.
ТОРНАДО
ТОРНАДО 21.01.2016 17:595
0
Ссори не увидел можеш удалить!
Maryges
Maryges 22.01.2016 22:156
0
Не думаю, что хорошая идея, заливать один и тот же скрипт.
avatar