Циркулярная анимация с CSS

Question

Я бы создал простую круговую анимацию раскрытия с помощью CSS (или, в конечном счете, с Angularjs, так как я использую ее в своем веб-приложении). То, что я хотел бы, это круговая анимация, как в Android. Единственный пример, который я нашел, - это образцы полимеров: https://elements.polymer-project.org/elements/neon-animation?view=demo:demo/index.html&active=neon-animated-pages нажимая в образце "Карта" и затем "Угловой". Но это слишком сложно, чтобы включить это в моем приложении. Я надеялся, что можно будет сделать то же самое только с помощью CSS или NG-анимации более простым способом. Кто-нибудь может мне помочь? Спасибо

Answer 1

Мне нравится это делать с помощью API веб-анимации. Вы должны использовать polyfill для поддержки вплоть до ie8. Я понимаю, что вы, вероятно, хотите уклониться от JS, но это, вероятно, лучший способ сделать это. Эта ссылка должна помочь вам: https://codelabs.developers.google.com/codelabs/web-animations-transitions-playbackcontrol/index.html?index=..%2F..%2Findex Это Codelab от ввода / вывода Google сделал, и это должно помочь вам