Показать сообщение отдельно
  #4 (permalink)  
Старый 07.05.2019, 13:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

dima85,
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<style>

a:active + h1, a:active + h1 + p{
 -webkit-animation: fade-out 1s  forwards;
 /* Safari 4+ */
 -moz-animation: fade-out 1s forwards;
 /* Fx 5+ */
 -o-animation: fade-out 1s forwards;
 /* Opera 12+ */
 animation: fade-out 1s forwards;
 /* IE 10+, Fx 29+ */
}

@-webkit-keyframes fade-out {
 0% {  opacity: 1; }
 100% {  opacity: 0.1; }
}
@-moz-keyframes fade-out {
 0% { opacity: 1; }
 100% {  opacity: 0.1; }
}
@-o-keyframes fade-out {
 0% {  opacity: 1; }
 100% {  opacity: 0.1; }
}
@keyframes fade-out {
 0% {  opacity: 1; }
 100% {  opacity: 0.1; }
}
</style>

<a href="">test</a>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
Ответить с цитированием