Эффекты я "якорями"
Добрый день, Уважаемые специалисты.
Подскажите, реально ли сделать следующий эффект. Якорь ссылается на часть текста этой же страницы. Возможно ли сделать эффект мерцания после перехода на якорь? Т.е. якорь ссылается на часть таблицы, после скролла таблица должна несколько раз "мигнуть". Заранее спасибо! |
Если я правильно понял бНОПНЯ, то после наезда якоря на верхнюю границу окна что-то релевантное должно моргнуть в ответ.
Это возможно сделать. |
Цитата:
|
Если не заморачиваться поддержкой древних браузеров, это можно сделать и без js:
<style> div:target { -webkit-animation: blim 1s 5; -moz-animation: blim 1s 5; -o-animation: blim 1s 5; animation: blim 1s 5; } @-webkit-keyframes blim { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes blim { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes blim { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blim { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } </style> <a href="#q">q</a> <a href="#w">w</a> <div id="q">qqqqqqqqqqqqqqqqqqqqqqqq</div> <div id="w">wwwwwwwwwwwwwwwwwwwwwwww</div> |
Цитата:
|
Подскажите еще такой вопрос. Я ставлю якорь выше элемента к которому применяется эффект blim. Но страница сдвигается под мерцающий элемент, а не под якорь. как правильно добавить отступ?
Заранее спасибо! |
Цитата:
<a id="amin" href="#" style="position:absolute;margin-top:-10px;"> |
Отступ работает если в <a></a> нет контента.
А таргет отображается под верхней границей окна браузера. Как можно настроить отступ именно от таргета не сдвигая элементы? Или остановить прокрутку страницы выше от таргета. |
Levitan,
Я не понимаю вопрос. Сделайте тестовую страницу с проблемой в песочнице или прям здесь добавив к тегу оформления кода " run". |
![]() ![]() |
Часовой пояс GMT +3, время: 22:18. |