Как сделать мерцающий текст - ссылкой

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Bes, 23 ноя 2015.

  1. Bes

    Bes Пользователь

    Сообщения:
    57
    Симпатии:
    1
    Добрый вечер, сделал текст, он мигает, а вот сделать его как ссылку не получается, уже везде пробовал <a href="" id="blink1">Образец</a> но все безрезультатно. Ссылка начинает работать, но вот мерцание пропадает. Если не сложно, подскажите, как решить эту проблему.

    Код:
    <style type="text/css">
    #blink {
        -webkit-animation: blink 2s linear infinite;
        animation: blink 2s linear infinite;
        font-weight: bold;
        color: color: #F00;
    }
    
    @-webkit-keyframes blink {
        0% { color: #F00; }
        50% { color: #FBB; }
        100% { color: #F00; }
    }
    
    @keyframes blink { 
        0% { color: #F00; }
        50% { color: #FBB; }
        100% { color: #F00; }
    }
    </style>
    
    
    <table class="table table-bordered">
    <tbody>
    <tr>
    <td>
    <center><b><h3>
    <p id="blink">Таблица размеров</p>
    </h3>
    </b></center>
    </td>
    </tr>
    </tbody>
    </table>
    <p><br></p>
    www.besseller.ru
     
  2. my2you

    my2you Продвинутый пользователь

    Сообщения:
    278
    Симпатии:
    121
    сайт что то не доступен... и покажите на скрине где эта ссылка..
     
  3. Bes

    Bes Пользователь

    Сообщения:
    57
    Симпатии:
    1

    Вложения:

  4. my2you

    my2you Продвинутый пользователь

    Сообщения:
    278
    Симпатии:
    121
    Код:
    <a href="#" id="blink">Таблицы размеров</a>
    должно работать. Видимо неправильно пробовали
     
  5. Bes

    Bes Пользователь

    Сообщения:
    57
    Симпатии:
    1
    Код:
    <style type="text/css">
    #blink {
        -webkit-animation: blink 2s linear infinite;
        animation: blink 2s linear infinite;
        font-weight: bold;
        color: color: #F00;
    }
    
    @-webkit-keyframes blink {
        0% { color: #F00; }
        50% { color: #FBB; }
        100% { color: #F00; }
    }
    
    @keyframes blink { 
        0% { color: #F00; }
        50% { color: #FBB; }
        100% { color: #F00; }
    }
    </style>
    
    
    <table class="table table-bordered">
    <tbody>
    <tr>
    <td>
    <center><b><h4>
    <a href="http://www.besseller.ru/index.php?route=information/information&amp;information_id=7" id="blink">Таблицы размеров</a>
    </h4>
    </b></center>
    </td>
    </tr>
    </tbody>
    </table>
    <p><br></p>
    Не получилось снова(
     

    Вложения:

  6. Bes

    Bes Пользователь

    Сообщения:
    57
    Симпатии:
    1
    Я может не там редактирую?
     

    Вложения:

  7. my2you

    my2you Продвинутый пользователь

    Сообщения:
    278
    Симпатии:
    121
    вам видней. Когда в коде появится ссылка, там и поговорим..
     
  8. Bes

    Bes Пользователь

    Сообщения:
    57
    Симпатии:
    1
    Отличный ответ! Так она там появляется, но без мерцания.
     
  9. Vlad

    Vlad Эксперт

    Сообщения:
    3.930
    Симпатии:
    941
    образец мерцает. И ссылок с одинаковом id должно быть в одном экземпляре
     
  10. Bes

    Bes Пользователь

    Сообщения:
    57
    Симпатии:
    1
    Это я уже сам методом тыкв дошёл, там проблема с шапкой самой была. Сейчас до дома доеду и откоректирую.
    Можно закрывать.