.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
.img-1{ animation:first 8s infinite linear; } .img-2{ animation:second 8s infinite linear; } @keyframes first{ 0%{ opacity:1; transform:scale(1); } 49.9%{ opacity:1; transform:scale(1.08); } 50%{ opacity:0; transform:scale(1); } 100%{ opacity:0; transform:scale(1); } } @keyframes second{ 0%{ opacity:0; transform:scale(1); } 49.9%{ opacity:0; transform:scale(1); } 50%{ opacity:1; transform:scale(1); } 100%{ opacity:1; transform:scale(1.08); } }
Если у вас возникли какие-либо вопросы, свяжитесь со мной любым удобным для вас способом. С удовольствием отвечу на все вопросы, всё расскажу, подскажу и помогу!

E-mail: corabookinfo@gmail.com
Instagram: @coraboook
Telegram: @sergeycorak
Самозанятый - Горшенин Сергей Михайлович
ИНН - 645411250590