×
Night mode
Sign up
Login
Results: 1580
Notes
  • Newest first
  • Oldest first
  • Newest first(All)
  • Oldest first(All)
clearfix with html element
by Valeri Tandilashvili
4 years ago
0
CSS
Learn CSS
1
text-shadow CODE 
h1 {
  text-shadow: 3px 0px 3px #ccc;
}
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
by Valeri Tandilashvili
4 years ago
0
CSS
properties
Learn CSS
1
position:relative
An element with 
position: relative;
is positioned relative to its normal position. The element will not push any of the content around it.
by Valeri Tandilashvili
4 years ago
0
CSS
properties
Learn CSS
1
text-align: justify
Stretches the lines so that each line has equal width
by Valeri Tandilashvili
4 years ago
0
CSS
properties
Learn CSS
1
border-radius
All corners are rounded:
.rounded {
    border-radius: 10px;
}
Only bottom corners are rounded:
.bottom_rounded {
    border-radius: 0 0 10px 10px;
}
Perfectly circled box:
.circle {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    line-height: 200px;
}
Direction rule: top-left, top-right, bottom-right, bottom-left
by Valeri Tandilashvili
4 years ago
0
CSS
properties
Learn CSS
1
z-index 
z-index
only applies to elements which are positioned (
relative
, 
absolute
, 
fixed
) Don't use values like 1, 2, 3,... instead use 100, 200, 300
by Valeri Tandilashvili
4 years ago
0
CSS
properties
Learn CSS
1
what z-index can't do
Example, where 
z-index
is not useful
by Valeri Tandilashvili
4 years ago
0
CSS
properties
Learn CSS
1
CSS Sprites 
.home a:link, .home a:visited {
    width: 120px;
    height: 120px;
    background: url(../images/sprites.jpg) top left no-repeat;
}
.home a:hover {
    background-position: 0 -120px;
}
.home a:active {
    background-position: 0 -240px;
}
CSS Sprites are used mostly for performance purposes
by Valeri Tandilashvili
4 years ago
0
CSS
CSS Sprites
Learn CSS
1
hiding and showing sub-menu on hover over li items 
#nav ul ul {
    position: absolute;
    left: -1000em;
}
#nav ul li:hover ul {
    left: auto;
}
by Valeri Tandilashvili
4 years ago
0
CSS
Learn CSS
1
float: none 
#nav ul li {
    float: left;
    list-style: none;
}
#nav ul li ul li {
    float: none;
}
In this example the sub-menu list items will return back to default 
none
value of 
float
property and will sit vertically
by Valeri Tandilashvili
4 years ago
0
CSS
properties
Learn CSS
1
Results: 1580