Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
K-Elb authored Jun 25, 2023
1 parent 954de21 commit ef2f477
Showing 1 changed file with 66 additions and 36 deletions.
102 changes: 66 additions & 36 deletions css/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -72,11 +72,11 @@

background: linear-gradient(
to right,
#fff,
#2bfe1f,
#c3aaf5,
#857ee5,
#c3aaf5,
#fff
#2bfe1f
);
background-size: 1000%;
background-clip: text;
Expand Down Expand Up @@ -105,7 +105,7 @@
transform: translate(0%, 20%) rotate(5deg);
}

.fancy:hover > .outer:nth-child(6) {
.fancy:hover > .outer:nth-child(7) {
transform: translate(0%, -20%) rotate(3deg);
}

Expand Down Expand Up @@ -137,34 +137,6 @@
transform: translate(0, -30%) rotate(-10deg);
}

.fancy:hover > .outer:nth-child(16) {
transform: translate(0%, -25%) rotate(5deg);
}

.fancy:hover > .outer:nth-child(17) {
transform: translate(0%, 15%) rotate(10deg);
}

.fancy:hover > .outer:nth-child(18) {
transform: translate(0%, -40%) rotate(-8deg);
}

.fancy:hover > .outer:nth-child(19) {
transform: translate(0%, 15%) rotate(6deg);
}

.fancy:hover > .outer:nth-child(20) {
transform: translate(20%, 40%) rotate(-3deg);
}

.fancy:hover > .outer:nth-child(21) {
transform: translate(50%, 20%) rotate(2deg);
}

.fancy:hover > .outer:nth-child(22) {
transform: translate(120%, -60%) rotate(-10deg);
}

/*Background video*/
.video-container {
position: absolute;
Expand Down Expand Up @@ -463,14 +435,72 @@
background-size: cover;
}

/*=============== filter ===============*/
.filter {
filter: grayscale(100%);
/*=============== News ===============*/

.news-container {
position: relative;
top: 80px;
left: 0;
right: 0;
box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.hue-rot {
filter: hue-rotate(100deg);

.news-container .title {
position: absolute;
background: #000;
height: 100%;
display: flex;
align-items: center;
padding: 0 24px;
color: #2bfe1f;
font-weight: bold;
z-index: 200;
}

.news-container ul {
display: flex;
width: 100%;
list-style: none;
margin: 0;
animation: scroll 30s infinite linear;
}

.news-container ul li {
white-space: nowrap;
padding: 10px 24px;
color: #494949;
position: relative;
}

.news-container ul li::after {
content:"";
width: 1px;
height: 100%;
background: #b8b8b8;
position: absolute;
top: 0;
right: 0;
}

.news-container ul li:last-child::after {
display: none;
}

@keyframes scroll {
from {
transform: translateX(100%);
}

to {
transform: translateX(-3500px);

}
}






@keyframes shape_1{
33%{
Expand Down

0 comments on commit ef2f477

Please sign in to comment.