梁美英 / programming · Files

.twinkle:before{
    animation: twinkle 1s infinite;
    -webkit-animation: twinkle 1s infinite;
}
@-webkit-keyframes twinkle{
    0%{
        opacity:0;
    }
    50%{
        opacity:1;
    }
    100%{
        opacity:0;
    }
}

#resultoutput{
    position: relative;
}

#stdin {
    position: absolute;
    width: 100%;
}
#stdin :focus{outline: none;}

#stdin input[type="text"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;padding-left: 12px;}

#stdin .effect-2{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}
#stdin .effect-2 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #62DCF5; transition: 1s;}
#stdin .effect-2:focus ~ .focus-border{width: 100%; transition: 1s; left: 0;}