//offset 2px right and down with a 5px defusion of gray
h1 {
text-shadow: 2px 2px 5px gray;
}
.hover-1 {
line-height:1.8em;
color: #0000;
text-shadow:
0 0 #000,
0 1em #1095c1;
overflow: hidden;
transition: .3s;
}
.hover-1:hover {
text-shadow:
0 1em #1095c1,
0 0 #1095c1;
}
.hover-1 {
line-height: 1.2em;
color: #0000;
text-shadow:
0 0 #000,
0 1.2em #1095c1;
overflow: hidden;
transition: .3s;
}
.hover-1:hover {
text-shadow:
0 -1.2em #000,
0 0 #1095c1;
}
.hover-2 {
/* the height */
--h: 1.2em;
line-height: var(--h);
color: #0000;
text-shadow:
0 var(--_t,var(--h)) #fff,
0 0 var(--_c, #000);
background:
linear-gradient(#1095c1 0 0)
bottom/100% var(--_d, 0) no-repeat;
overflow: hidden;
transition: 0.3s;
}
.hover-2:hover {
--_d: 100%;
--_t: 0;
--_c: #0000;
}
Code Example |
---|
Css :: CSS Grid Layout Module |
Css :: Deployer custom Options |
Css :: make element auto scale to page |
Css :: input type color |
Css :: screen sizes for css media |
Css :: division in css |
Css :: css click through after |
Css :: background remover |
Css :: add title to slider |
Css :: materialize css icons |
Css :: Latest compiled and minified CSS |
Css :: css glass |
Css :: scss extend from another css file |
Css :: chrome extension css |
Css :: three columsn css grid |
Css :: table tr sortable helper css |
Css :: select child element css |
Css :: linear gradient css |
Css :: scroll css |
Css :: box shadow css transition |
Css :: como tirar a sidebar css |
Css :: is any way to change only arabic font family not english font family |
Css :: easyui datagrid header wrap |
Css :: how to remove underline from link |
Css :: css tutorials |
Css :: css template columns and rows |
Css :: calculate min number in css |
Css :: navbar link goes down more than expected |
Css :: clippy css |
Css :: gulp association of files |