darker deeper
This commit is contained in:
parent
90258c10d6
commit
760363a026
3 changed files with 14 additions and 14 deletions
|
|
@ -62,7 +62,7 @@ a:hover,
|
|||
a:active,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
background: linear-gradient(97deg, rgb(61, 61, 61), rgb(224, 224, 224));
|
||||
background: linear-gradient(97deg, rgb(31, 31, 31), rgb(224, 224, 224));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
|
|
@ -74,8 +74,8 @@ a:focus {
|
|||
text-shadow: none;
|
||||
}
|
||||
a:hover {
|
||||
text-shadow: .05em .05em rgb(61, 61, 61), -.05em -.05em rgb(224, 224, 224);
|
||||
background: linear-gradient(97deg, rgb(224, 224, 224), rgb(61, 61, 61),);
|
||||
text-shadow: .05em .05em rgb(31, 31, 31), -.05em -.05em rgb(224, 224, 224);
|
||||
background: linear-gradient(97deg, rgb(224, 224, 224), rgb(31, 31, 31),);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
|
|
@ -93,7 +93,7 @@ a:active {
|
|||
display: flex;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: linear-gradient(0deg, rgba(61, 61, 61, 0.5), rgba(224, 224, 224, 0.5));
|
||||
background: linear-gradient(0deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
|
||||
background-size: 800% 800%;
|
||||
|
||||
-webkit-animation: AnimationName 29s ease infinite;
|
||||
|
|
@ -110,12 +110,12 @@ a:active {
|
|||
h1 {
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
background: linear-gradient(90deg, rgb(61, 61, 61), rgb(224, 224, 224));
|
||||
background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 3em;
|
||||
// text-shadow: .05em .05em rgba(61, 61, 61, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
|
||||
// text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
|
||||
-moz-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
|
||||
-webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
|
||||
animation: example 20s linear infinite;
|
||||
|
|
@ -133,7 +133,7 @@ a:active {
|
|||
display: flex;
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
background: linear-gradient(223deg, rgba(61, 61, 61, 0.5), rgba(224, 224, 224, 0.5));
|
||||
background: linear-gradient(223deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
|
||||
background-size: 800% 800%;
|
||||
|
||||
-webkit-animation: AnimationName 29s ease infinite;
|
||||
|
|
@ -152,12 +152,12 @@ a:active {
|
|||
h1 {
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
background: linear-gradient(90deg, rgb(61, 61, 61), rgb(224, 224, 224));
|
||||
background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 3em;
|
||||
// text-shadow: .05em .05em rgba(61, 61, 61, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
|
||||
// text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
|
||||
-moz-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
|
||||
-webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
|
||||
animation: example 20s linear infinite;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue