email: [email protected]
skype: utz0r2
github: utz0r2
Разделы: CSS, HTML, PHP, JS, Видео, Заметки
vvStore | vvShop
© 2008 – 2019
» » » Страница 10

Круглые картинки средствами CSS

Круглые картинки средствами CSS

<span class="frame"><img src="http://seangaffney.cc/new/img/me.jpg" /></span>

<span class="frame"><img src="http://a3.twimg.com/profile_images/1136130947/twitter-dribbble-profile-pic_reasonably_small.png" /></span>

<span class="frame"><img src="http://a3.twimg.com/profile_images/1100546975/Screen_shot_2010-08-11_at_9.08.03_AM_reasonably_small.png" /></span>


<span class="frame"><img src="http://a2.twimg.com/profile_images/935982818/avatar_main_copy_square_reasonably_small.jpg" /></span>

body{background:#333; padding:10em;}

.frame{
    display:inline-block;
    position:relative;
    overflow:hidden;
}
.frame>img{
    vertical-align:top;
}
.frame, .frame:before{
    -moz-border-radius:100em;
    border-radius:100em;
    
}
.frame>img{
    -webkit-border-radius:100em;  
}
.frame:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    width:100%;
    height:100%;
    margin:-10em;
    border:10em solid #333;
}

Смотреть

Смена favicon, эмуляция загрузки в favicon, счетчик в favicon

Смена favicon, эмуляция загрузки в favicon, счетчик в favicon

Пока выполняеться аякс запрос крутиться favicon, как вконтакте. И не только.

За основу взято http://ruseller.com/adds/adds1919/example/
Так же существует похожий скрипт http://plugins.jquery.com/project/jQueryFaviconNotifier
Демо / Скачать

jQuery.multiselect

jQuery.multiselect

Демо / Скачать

ITForms — валидация HTML-форм

ITForms — валидация HTML-форм

Расширенный набор элементов. Комплексная валидация формы на стороне клиента. AJAX-проверка CAPTCHA и уникальных полей. Скоро будет шифрование данных по открытому ключу.
Сайт скрипта

Выпадающее горизонтальное многоуровневое меню

Выпадающее горизонтальное многоуровневое меню

Страница скрипта

maphilight - создание карты изображения на jquery

maphilight - создание карты изображения на jquery

Демо 1 / Демо 2 / Документация / Скачать
«»
Вверх