Как да направя анимирани бутони със CSS?
Здравейте,
Имам един въпрос относно това как се правят анимирани бутони чрез CSS. Изкарах курса HTML & CSS, който се проведе през месец септември и октомври тази година, но там не беше засегната тази тема, защото най-вероятно е за по-напреднали, а това беше базов курс. Както и да е… В момента правя фирмен сайт на един приятел, който ми се довери и ми даде да се уча на него J. Обаче искам да блесна и да го направя малко по-разчупен от стандартните темплейти и теми, затова искам да му направя call to action бутоните анимирани с някакви ефекти като „подскачане“ или „пулсиране“ на определени интервали от време като това нещо се повтаря постоянно. Не знам дали става ясно, но като пример можете да видите как са направени бутоните в този сайт, където пише бонуси. Бихте ли ме помогнали и споделили по какъв начин се правят тези ефекти или да ме насочите към някакви информационни ресурси с примери, където мога да прочета повече. Предварително се извинявам, ако въпросът ми се стори „тъп“ за някой, но в момента все още се уча и всякаква помощ би ми била полезна. Не ме мързи да чета и искам да науча всички тънкости, който предлага CSS и да ги използвам, но конкретно с този ефект удрям на камък и не знам какво да търся като информация, за да мога реализирам.
Поздрави,
Антон
Благодаря за съдействието.
По принцип знам как да инспектирам елементите, но това не знаех как се прави. Сега научих, че подобни неща се „раздвижват“ чрез @keyframes и започнах да ги разучавам в W3School. Иначе с другите фрагменти от кода успях да се справя, но тези @keyframes ми убягваха, а реално подобни ефекти се правят чрез тях.