Animated Circular Social Share Menu using Html CSS & Vanilla JavaScript

Social Share Menu @RoyalTutorials354

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

[RoyalTutorials]

Social Share Menu @Royal420KE


Icons - ionicons