This commit is contained in:
Set Hallstrom 2019-05-19 00:03:12 +02:00
parent 23048c8f93
commit d92e640ef2
3 changed files with 34 additions and 33 deletions

View file

@ -54,24 +54,20 @@ a:visited,
a:hover,
a:active,
a:focus {
color: #333;
text-decoration: none;
background: linear-gradient(97deg, rgb(31, 31, 31), rgb(224, 224, 224));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: text-shadow 0.2s linear;
-moz-transition: text-shadow 0.2s linear;
-ms-transition: text-shadow 0.2s linear;
-o-transition: text-shadow 0.2s linear;
transition: text-shadow 0.2s linear;
text-shadow: none;
padding: 0 10px;
border-radius: 3px;
}
a:hover {
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;
}
a:active {
@ -99,10 +95,6 @@ a:active {
h1 {
position: relative;
margin-bottom: 0;
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(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
-moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
@ -122,7 +114,6 @@ a:active {
display: flex;
width: 100%;
height: 30vh;
background: linear-gradient(223deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
background-size: 800% 800%;
div {
@ -136,10 +127,6 @@ a:active {
h1 {
position: relative;
margin-bottom: 0;
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(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
-moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
@ -171,6 +158,28 @@ a:active {
flex-wrap: wrap;
overflow-x: hidden;
background-color: #fff;
a:link,
a:visited,
a:hover,
a:active,
a:focus {
text-decoration: none;
background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195));
-webkit-transition: text-shadow 0.2s linear;
-moz-transition: text-shadow 0.2s linear;
-ms-transition: text-shadow 0.2s linear;
-o-transition: text-shadow 0.2s linear;
transition: text-shadow 0.2s linear;
text-shadow: none;
padding: 0 10px;
border-radius: 3px;
}
a:hover {
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),);
}
}
.column {
flex: 1 1 300px;