Sfoglia il codice sorgente

3 column design with blinking stars

master
patrick 6 anni fa
parent
commit
ca1972f5cc
2 ha cambiato i file con 16 aggiunte e 1 eliminazioni
  1. +15
    -0
      css/feedback_card.css
  2. +1
    -1
      html/feedback_card.html

+ 15
- 0
css/feedback_card.css Vedi File

@@ -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{

+ 1
- 1
html/feedback_card.html Vedi File

@@ -1,5 +1,5 @@
{{#jobs}}
<div class="wpb_column vc_column_container vc_col-lg-3" id="card_{{id}" data-job-id="{{id}}">
<div class="wpb_column vc_column_container vc_col-lg-4" id="card_{{id}" data-job-id="{{id}}">
<div class="vc_column-inner ">
<div class="wpb_wrapper">
<div class="wpb_raw_code wpb_content_element wpb_raw_html">

Loading…
Annulla
Salva