From 375d69cc1470bcccf802e45b2cb58ebca5c9b495 Mon Sep 17 00:00:00 2001 From: Dan Leech Date: Mon, 19 Oct 2015 17:37:26 +0100 Subject: [PATCH] Added subtle animation to donate button --- 404.html | 13 +++++++++++++ index.html | 13 +++++++++++++ src/header.html | 13 +++++++++++++ 3 files changed, 39 insertions(+) diff --git a/404.html b/404.html index c7b108d8..41873f23 100644 --- a/404.html +++ b/404.html @@ -69,8 +69,21 @@ padding: 0 0 1.5rem; text-align: center; } + @keyframes pulse { + 0% { + background-color: #CCC; + } + 50% { + background-color: #AAA; + } + 100% { + background-color: #CCC; + } + } .donate-button { -webkit-appearance: none; + animation: pulse 2.5s infinite; + animation-timing-function: ease-in-out; background: #CCC; border: 0; border-radius: 1.5rem; diff --git a/index.html b/index.html index c7b108d8..41873f23 100644 --- a/index.html +++ b/index.html @@ -69,8 +69,21 @@ padding: 0 0 1.5rem; text-align: center; } + @keyframes pulse { + 0% { + background-color: #CCC; + } + 50% { + background-color: #AAA; + } + 100% { + background-color: #CCC; + } + } .donate-button { -webkit-appearance: none; + animation: pulse 2.5s infinite; + animation-timing-function: ease-in-out; background: #CCC; border: 0; border-radius: 1.5rem; diff --git a/src/header.html b/src/header.html index c5d5c739..6979c0d6 100644 --- a/src/header.html +++ b/src/header.html @@ -69,8 +69,21 @@ padding: 0 0 1.5rem; text-align: center; } + @keyframes pulse { + 0% { + background-color: #CCC; + } + 50% { + background-color: #AAA; + } + 100% { + background-color: #CCC; + } + } .donate-button { -webkit-appearance: none; + animation: pulse 2.5s infinite; + animation-timing-function: ease-in-out; background: #CCC; border: 0; border-radius: 1.5rem;