Browse Source

3 column design with blinking stars

master
patrick 6 years ago
parent
commit
ca1972f5cc
2 changed files with 16 additions and 1 deletions
  1. +15
    -0
      css/feedback_card.css
  2. +1
    -1
      html/feedback_card.html

+ 15
- 0
css/feedback_card.css View File

@CHARSET "UTF-8"; @CHARSET "UTF-8";
.blink_me {
animation: blinker 0.3s linear infinite;
}

@keyframes blinker {
50% { opacity: 0; }
}

.card { .card {
/* Add shadows to create the "card" effect */ /* Add shadows to create the "card" effect */
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
position:absolute; position:absolute;
bottom: 5px; bottom: 5px;
} }
.container .ratecontainer{
animation: blinker 0.8s linear infinite;
}
.container.rated .ratecontainer{
animation: none;
}



.card .container p, .card .container p,
.card .container h1{ .card .container h1{

+ 1
- 1
html/feedback_card.html View File

{{#jobs}} {{#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="vc_column-inner ">
<div class="wpb_wrapper"> <div class="wpb_wrapper">
<div class="wpb_raw_code wpb_content_element wpb_raw_html"> <div class="wpb_raw_code wpb_content_element wpb_raw_html">

Loading…
Cancel
Save