Skip to content

Implementation of instagram stories circle bar from scratch using different approaches (HTML, CSS)

Notifications You must be signed in to change notification settings

alexroumi/insta-stories-circle

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Most of the magic happens here

Check out v1, v2.1 and v3 commits

v1 is a simple <img src="..." /> w/ gradient border, but without white sub-border (1 node)

v2.1 is a div, :after & backgroundImage (2 nodes)

v3 is an img in 2 nested divs (3 nodes)

Instagram itself draws gradient border in canvas.

This project was bootstrapped with Create React App.

About

Implementation of instagram stories circle bar from scratch using different approaches (HTML, CSS)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.6%
  • HTML 19.1%
  • CSS 5.3%