One Line of HTML to make Notification Icon with Badges🔥

React Video Player

Hello guys today we are back with an amazing CSS trick video, are you excited for this video!!:-) if yes then please watch the video without skipping. In this video I have explained CSS attr attribute in detail which will help you create awesome notification bell with badges. And more importanly we will only use one line of HTML code to achieve same.


Complete Source Code of the Notification bell index.html file:



Complete Source Code of style.css file:


Complete Source Code of script.js file:



  • Note:
  • If you want more videos then please like share and dont forget to subscribe my channel & you can suggest me the topics on which you want me to make video in comment section i will definetly work on it.

Subscribe - Thapa Technical