Animated Circular Social Share Menu using Html CSS & Vanilla JavaScript
Social Share Menu @RoyalTutorials354
For FREE source code source code, follow this link to our patreon page - https://www.patreon.com/posts/circular-social-81631216?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
Source code Zip File Download Link - https://drive.google.com/file/d/1DYGY2tpFn4Qk_tyI4ZBSdbYKKY37hUoz/view?usp=sharing
Icons - ionicons
-TIMESTAMPS-
0:00 - Intro
0:10 - Animated Circular Social Menu preview
1:19 - HTML Elements
1:29 - General Styles
1:47 - Addition of background color
3:00 - Ionicons Usage guide plus copying the link
3:40 - Addition of share icon
4:23 - JavaScript
4:56 - Inspecting toggle onclick function
5:21 - Adding transform
6:19 - Introducing Li tag
7:12 - Addition of different colors randomly to each social icons
8:01 - Addition of social icons. Copying and pasting from Ionicons
9:55 - Further styling
11:14 - Adding one remaining Facebook icon to make 8 social icons as per the transform i.e., 360 / 8
13:00 - Addition of transition delay
14:13 - Adding box shadow
14:42 - Addition of hover Effects
15:44 - Thanks for watching
Follow us on facebook - Our Official Facebook page - https://web.facebook.com/profile.php?id=100064046501811
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Animated Circular Social Share Menu using Html CSS & Vanilla JavaScript», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.