Momangen/momangen
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Placeholding bitch in da house

Browse source
This commit is contained in:
Set Sakrecoer 2019-05-17 10:06:02 +02:00
parent dcceed1b04
commit c26867e903
13 changed files with 56 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

6
_sass/animation.scss
View file

@ -34,17 +34,17 @@
@-webkit-keyframes shadow {
to {
text-shadow: .2em .2em rgba(255, 0, 0, 0.5), -.2m -.2em rgba(0, 153, 255, 0.5);
text-shadow: .2em .2em rgba(61, 61, 61, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5);
}
}
@-moz-keyframes shadow {
to {
text-shadow: .2em .2em rgba(255, 0, 0, 0.5), -.2m -.2em rgba(0, 153, 255, 0.5);
text-shadow: .2em .2em rgba(61, 61, 61, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5);
}
}
@keyframes shadow {
to {text-shadow: .2em .2em rgba(255, 0, 0, 0.5), -.2m -.2em rgba(0, 153, 255, 0.5);
to {text-shadow: .2em .2em rgba(61, 61, 61, 0.5), -.2m -.2em rgba(224, 224, 224, 0.5);
}
}

4
_sass/form.scss
View file

@ -21,7 +21,7 @@ input[type=text], input[type=email], textarea, select {
input[type=submit] {
width: 200px;
background-image: linear-gradient(223deg, rgba(255, 0, 0, 0.5), rgba(0, 153, 255, 0.5));
background-image: linear-gradient(223deg, rgba(61, 61, 61, 0.5), rgba(224, 224, 224, 0.5));
background-size: 800% 800%;
-webkit-animation: AnimationName 29s ease infinite;
-moz-animation: AnimationName 29s ease infinite;
@ -36,7 +36,7 @@ input[type=submit] {
}
input[type=submit]:hover {
background-image: linear-gradient(223deg, rgba(0, 153, 255, 0.5),rgba(255, 0, 0, 0.5));
background-image: linear-gradient(223deg, rgba(224, 224, 224, 0.5),rgba(61, 61, 61, 0.5));
background-size: 800% 800%;
-webkit-animation: AnimationName 29s ease infinite;
-moz-animation: AnimationName 29s ease infinite;

18
_sass/mycv.scss
View file

@ -62,7 +62,7 @@ a:hover,
a:active,
a:focus {
text-decoration: none;
background: linear-gradient(97deg, rgb(255, 128, 128), rgb(120, 201, 255));
background: linear-gradient(97deg, rgb(61, 61, 61), 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(255, 128, 128), -.05em -.05em rgb(120, 201, 255);
background: linear-gradient(97deg, rgb(120, 201, 255), rgb(255, 128, 128),);
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),);
-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(255, 0, 0, 0.5), rgba(0, 153, 255, 0.5));
background: linear-gradient(0deg, rgba(61, 61, 61, 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(255, 128, 128), rgb(120, 201, 255));
background: linear-gradient(90deg, rgb(61, 61, 61), rgb(224, 224, 224));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 3em;
// text-shadow: .05em .05em rgba(255, 0, 0, 0.5), -.05em -.05em rgba(0, 153, 255, 0.5);
// text-shadow: .05em .05em rgba(61, 61, 61, 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(255, 0, 0, 0.5), rgba(0, 153, 255, 0.5));
background: linear-gradient(223deg, rgba(61, 61, 61, 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(255, 128, 128), rgb(120, 201, 255));
background: linear-gradient(90deg, rgb(61, 61, 61), rgb(224, 224, 224));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 3em;
// text-shadow: .05em .05em rgba(255, 0, 0, 0.5), -.05em -.05em rgba(0, 153, 255, 0.5);
// text-shadow: .05em .05em rgba(61, 61, 61, 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;