-
21 АПР 20120
-
20 АПР 20120
-
17 АПР 20120
-
08 АПР 20120
Интересные штуки с CSS
Что бы талица была зебройtable tr {
background: white;
}
table tr:nth-child(odd) {
background: #f4f4f4;
}
А теперь что бы еще и подсвечивался рядок при наведении.table tbody tr:hover td{
background-color: #f5f5f5;
}
Прячим всплывающее окно при наведении на урлa.js-only {
-webkit-touch-callout: none;
}
Задавая это свойство элементу вы можете определять то, как будет выглядеть элемент SPAN. Например, как radio button:span.lookLikeRadio {
-webkit-appearance: radio;
}
Оказывается, маску при вводе пароля можно изменять. Например, вместо кружков можно отображать квадраты.input[type="password"] {
-webkit-text-security: square;
}
На этом все. Не забывайте подписываться. -
03 МАРТ 20120
-
24 ДЕК 20110
Круглые картинки средствами 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;
}
Смотреть -
15 ДЕК 20111
-
13 ДЕК 20110
Категории:
Оставить на заметку в: