[camel-website] branch master updated: feat: sparkle the swoosh

[zr...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 5f84c26  feat: sparkle the swoosh
5f84c26 is described below

commit 5f84c265de74114abdfae6c63b5eb45414123543
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Thu Aug 15 15:55:30 2019 +0200

    feat: sparkle the swoosh
    
    Adds opacity changing animation to the swoosh to make it a bit more
    dynamic.
---
 antora-ui-camel/src/css/frontpage.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/antora-ui-camel/src/css/frontpage.css b/antora-ui-camel/src/css/frontpage.css
index cfad94e..c64ff55 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -67,6 +67,7 @@ header.frontpage svg {
 
 header.frontpage svg path {
   fill: none;
+  animation: sparkle 5s ease alternate infinite;
 }
 
 header.frontpage svg path:nth-child(1) {
@@ -79,24 +80,38 @@ header.frontpage svg path:nth-child(2) {
   stroke: #9d1609;
   stroke-width: 10;
   stroke-opacity: 0.3;
+  animation-delay: -1s;
 }
 
 header.frontpage svg path:nth-child(3) {
   stroke: #f1b35b;
   stroke-width: 15;
   stroke-opacity: 0.6;
+  animation-delay: -2.5s;
 }
 
 header.frontpage svg path:nth-child(4) {
   stroke: #641a00;
   stroke-width: 5;
   stroke-opacity: 0.3;
+  animation-delay: -3s;
 }
 
 header.frontpage svg path:nth-child(5) {
   stroke: #e26810;
   stroke-width: 5;
   stroke-opacity: 0.6;
+  animation-delay: -6s;
+}
+
+@keyframes sparkle {
+  0% {
+    stroke-opacity: 0.3;
+  }
+
+  100% {
+    stroke-opacity: 0.6;
+  }
 }
 
 section.frontpage {