Skip to content

Commit c8d3cf0

Browse files
committed
Tweak gentle wave divider
Make it less tall and slightly slower.
1 parent 73f34c6 commit c8d3cf0

1 file changed

Lines changed: 8 additions & 7 deletions

File tree

website/assets/css/custom.css

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -614,15 +614,16 @@ p.big {
614614

615615
/* begin front page divider */
616616
.divider {
617-
min-height: 80px;
617+
min-height: 40px;
618618
background-color: transparent;
619+
opacity: 0.8;
619620
}
620621

621622
.flowing {
622623
display: block;
623624
width: 100%;
624-
height: 60px;
625-
max-height: 60px;
625+
height: 20px;
626+
max-height: 20px;
626627
margin: 0;
627628
z-index: 5;
628629
position: absolute;
@@ -647,31 +648,31 @@ g.parallax4 {
647648
}
648649

649650
.parallax1>use {
650-
animation: move-forever1 10s linear infinite;
651+
animation: move-forever1 14s linear infinite;
651652

652653
&:nth-child(1) {
653654
animation-delay: -2s;
654655
}
655656
}
656657

657658
.parallax2>use {
658-
animation: move-forever2 8s linear infinite;
659+
animation: move-forever2 12s linear infinite;
659660

660661
&:nth-child(1) {
661662
animation-delay: -2s;
662663
}
663664
}
664665

665666
.parallax3>use {
666-
animation: move-forever3 6s linear infinite;
667+
animation: move-forever3 10s linear infinite;
667668

668669
&:nth-child(1) {
669670
animation-delay: -2s;
670671
}
671672
}
672673

673674
.parallax4>use {
674-
animation: move-forever4 4s linear infinite;
675+
animation: move-forever4 8s linear infinite;
675676

676677
&:nth-child(1) {
677678
animation-delay: -2s;

0 commit comments

Comments
 (0)