1. 程式人生 > >css3之animation製作閃爍文字效果

css3之animation製作閃爍文字效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .box{ animation: change 1s  ease-in  infinite ; font-size: 36px; color:#f00; font-weight: bold}
        @keyframes change {
            0%{ text-shadow: 0 0 4px #f00}
            50%{ text-shadow: 0 0 40px #f00}
            100%{ text-shadow: 0 0 4px #f00}
        }
    </style>
</head>
<body>
<a class="box">太陽的後裔</a>
</body>
</html>

源引:http://www.w3cfuns.com/notes/13835/596cd96f59a09431a2343a9726c295d5.html