Tag Archives: Circle

Glassmorphism Circle Loading Animation – Be taught from Tutorial

Glassmorphism Circle Loading Animation On this article we’re gonna construct a loading spinner with the glassmorphism, keep tuned for that first let’s look what are we constructing – We simply want easy div to create this animation. For this animation we’ve used pseudo courses and a standard keyframe wherein we simply rotate the .loader. HTML…

Read More

Create a Circle Shape with Letters – JavaScript Dev Feed

Create a Circle Shape with Letters [sample] The component itself is very simple.Using div tag and some span tags for letters. DisplayCircle.js import styles from “./DisplayCircle.module.css”; export const DisplayCircle = () => { return ( <div className={styles.container}> <span className={`${styles.circle} ${styles.circle_1}`}>h</span> <span className={`${styles.circle} ${styles.circle_2}`}>e</span> <span className={`${styles.circle} ${styles.circle_3}`}>l</span> <span className={`${styles.circle} ${styles.circle_4}`}>l</span> <span className={`${styles.circle} ${styles.circle_5}`}>o</span> <span className={`${styles.circle} ${styles.circle_6}`}>w</span>…

Read More