11 Animated social media share links

This chapter covers

  • Using the OOCSS, SMACSS, and BEM architecture patterns
  • Scoping CSS when working with components
  • Working with social media icons
  • Creating CSS transitions
  • Using JavaScript to overcome CSS limitations

One of the core reasons why the internet was created was to share and distribute information. One way we do this today is through social media. In this chapter, we’ll style and animate some links that can be used to share a web page via email or social media.

As in the previous chapters, we’ll be using HTML and CSS for this project without any frameworks. We chose this approach to focus on the CSS itself without the complexity and intricacies of using external packages. But many applications ...

Get Tiny CSS Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.