diff --git a/css/feedback_card.css b/css/feedback_card.css index a06e526..c4464f3 100644 --- a/css/feedback_card.css +++ b/css/feedback_card.css @@ -1,4 +1,12 @@ @CHARSET "UTF-8"; +.blink_me { + animation: blinker 0.3s linear infinite; +} + +@keyframes blinker { + 50% { opacity: 0; } +} + .card { /* Add shadows to create the "card" effect */ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); @@ -42,6 +50,13 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', end position:absolute; bottom: 5px; } +.container .ratecontainer{ + animation: blinker 0.8s linear infinite; +} +.container.rated .ratecontainer{ + animation: none; +} + .card .container p, .card .container h1{ diff --git a/html/feedback_card.html b/html/feedback_card.html index df943be..d5f003c 100644 --- a/html/feedback_card.html +++ b/html/feedback_card.html @@ -1,5 +1,5 @@ {{#jobs}} -