Показать сообщение отдельно
  #4 (permalink)  
Старый 01.10.2014, 11:41
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Если не заморачиваться поддержкой древних браузеров, это можно сделать и без 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>
Ответить с цитированием