You are here

Home » API reference » AJAX Comments 7

ajax_comments_nodejs.css in AJAX Comments 7 

@keyframes ajaxCommentsNodeJsShow {
    0% { display:none ; opacity: 0;}
    1% {display: block ; opacity: 0;}
    100% {display: block ; opacity: 1;}
}

@-webkit-keyframes ajaxCommentsNodeJsShow {
    0% { display:none ; opacity: 0;}
    1% {display: block ; opacity: 0;}
    100% {display: block ; opacity: 1;}
}
@-moz-keyframes ajaxCommentsNodeJsShow {
    0% { display:none ; opacity: 0;}
    1% {display: block ; opacity: 0;}
    100% {display: block ; opacity: 1;}
}
@-o-keyframes ajaxCommentsNodeJsShow {
    0% { display:none ; opacity: 0;}
    1% {display: block ; opacity: 0;}
    100% {display: block ; opacity: 1;}
}
@keyframes ajaxCommentsNodeJsShow {
    0% { display:none ; opacity: 0;}
    1% {display: block ; opacity: 0;}
    100% {display: block ; opacity: 1;}
}

.ajax-comments-nodejs-new {
    -webkit-animation: ajaxCommentsNodeJsShow 1s;
    -moz-animation:    ajaxCommentsNodeJsShow 1s;
    -o-animation:      ajaxCommentsNodeJsShow 1s;
    animation:         ajaxCommentsNodeJsShow 1s;
    background-color: #E9EDF1;
}

.ajax-comments-nodejs-updated {
    -webkit-animation: ajaxCommentsNodeJsShow 1s;
    -moz-animation:    ajaxCommentsNodeJsShow 1s;
    -o-animation:      ajaxCommentsNodeJsShow 1s;
    animation:         ajaxCommentsNodeJsShow 1s;
    background-color: #FFEEB4;
}

File

ajax_comments_nodejs/ajax_comments_nodejs.css
View source 
  1. @keyframes ajaxCommentsNodeJsShow {

  2.     0% { display:none ; opacity: 0;}

  3.     1% {display: block ; opacity: 0;}

  4.     100% {display: block ; opacity: 1;}

  5. }

  6. 

  7. @-webkit-keyframes ajaxCommentsNodeJsShow {

  8.     0% { display:none ; opacity: 0;}

  9.     1% {display: block ; opacity: 0;}

  10.     100% {display: block ; opacity: 1;}

  11. }

  12. @-moz-keyframes ajaxCommentsNodeJsShow {

  13.     0% { display:none ; opacity: 0;}

  14.     1% {display: block ; opacity: 0;}

  15.     100% {display: block ; opacity: 1;}

  16. }

  17. @-o-keyframes ajaxCommentsNodeJsShow {

  18.     0% { display:none ; opacity: 0;}

  19.     1% {display: block ; opacity: 0;}

  20.     100% {display: block ; opacity: 1;}

  21. }

  22. @keyframes ajaxCommentsNodeJsShow {

  23.     0% { display:none ; opacity: 0;}

  24.     1% {display: block ; opacity: 0;}

  25.     100% {display: block ; opacity: 1;}

  26. }

  27. 

  28. .ajax-comments-nodejs-new {

  29.     -webkit-animation: ajaxCommentsNodeJsShow 1s;

  30.     -moz-animation:    ajaxCommentsNodeJsShow 1s;

  31.     -o-animation:      ajaxCommentsNodeJsShow 1s;

  32.     animation:         ajaxCommentsNodeJsShow 1s;

  33.     background-color: #E9EDF1;

  34. }

  35. 

  36. .ajax-comments-nodejs-updated {

  37.     -webkit-animation: ajaxCommentsNodeJsShow 1s;

  38.     -moz-animation:    ajaxCommentsNodeJsShow 1s;

  39.     -o-animation:      ajaxCommentsNodeJsShow 1s;

  40.     animation:         ajaxCommentsNodeJsShow 1s;

  41.     background-color: #FFEEB4;

  42. }

  43.