1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 Button blinking

Discussion in 'Styling and Customization Questions' started by Allan, Jun 1, 2014.

  1. Allan

    Allan Well-Known Member

    Hey all :)

    I would like make flash an button, but don't work: (it's fix, no blinking)

    Screenshot_9.png

    My code is correct ?

    Code:
    .node .unread .nodeTitle:after {
    background-color: #65a5d1;
    content: "Nouveau";
    color: white;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    float: right;
    margin-right: 10px;
    padding: 1px 5px;
    font-size: 9px;
    box-shadow:0px 0px 10px #4183C4;
    -webkit-animation-name: bounce;
        -moz-animation-name: bounce;
        -ms-animation-name: bounce;
        -o-animation-name: bounce;
        animation-name: bounce;
    }
    @-webkit-keyframes bounce {
        0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
        40% {-webkit-transform: translateY(-30px);}
        60% {-webkit-transform: translateY(-15px);}
    }
    
    @-moz-keyframes bounce {
        0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
        40% {-moz-transform: translateY(-30px);}
        60% {-moz-transform: translateY(-15px);}
    }
    
    @-ms-keyframes bounce {
        0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
        40% {-ms-transform: translateY(-30px);}
        60% {-ms-transform: translateY(-15px);}
    }
    
    @-o-keyframes bounce {
        0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
        40% {-o-transform: translateY(-30px);}
        60% {-o-transform: translateY(-15px);}
    }
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-30px);}
        60% {transform: translateY(-15px);}
    }
    
     
  2. Lisa

    Lisa Well-Known Member

    Allan likes this.
  3. Allan

    Allan Well-Known Member

  4. Lisa

    Lisa Well-Known Member

    No problem. It just might give you a better starting point for what you want :)
     

Share This Page