Я хотел бы добавить непрерывный эффект затухания в фоновом изображении моей оболочки. Я знаю, что вы можете использовать анимацию по ключевым кадрам, чтобы фоновое изображение перемещалось, однако мне было интересно, возможен ли эффект затухания с использованием этой техники.
https://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/
Например:
@-webkit-keyframes fontbulger {
0% {
font-size: 10px;
}
30% {
font-size: 15px;
}
100% {
font-size: 12px;
}
В моей идеальной ситуации было бы что-то вроде...
@-webkit-keyframes fontbulger {
0% {
background: url(image.png, 1);
}
30% {
background: url(image.png, 0.5);
}
100% {
background: url(image.png, 1);
}
... для которого 0,5 будет видимостью 50%. Конечно, это предложение не работает. Любой способ сделать это? Я знаю, что вы можете применить прозрачность к значениям RGB, но я хотел бы применить ее к изображению.