CSS & JS - (Part 1) Web Share API + AddThis Sharing Buttons

Показать описание

Content of this video :
0:36 Creating AddThis Share Buttons
2:16 Add Title, Description And Font
3:22 Create Share Button
6:26 Load AddThis Conditionally
9:46 Styling Container Of AddThis Buttons
11:54 Add Loading Indicator For AddThis
18:56 Show / Hide AddThis Buttons
21:54 Toggle Share Button Icon
24:28 Animate Shadow On Hover

We are loading AddThis conditionally when user clicks share button which makes your page load faster. It reduces about 200 kB in page load.

When you hover More (+) button, a menu is shown with more sharing options, but that menu sometimes goes beyond the visible area of the page. You can fix that by adding following CSS code :
bottom: 16px !important;
top: auto !important;
}