Ritika Agrawal – Medium

Ritika Agrawal

Pinned

Recreating Marquee Loop Animation with CSS

Marquee is an HTML tag that was used to insert a “scrolling area of text” as MDN defines it. It moved text from one end of screen to other.

May 15, 2023

Recreating Marquee Loop Animation with CSS

May 15, 2023

Create a Rotating Dots Loader in CSS : A Simple 4-Step Guide! 🎨

Loaders are fun to style and animate with CSS! ✨

Mar 29

Create a Rotating Dots Loader in CSS : A Simple 4-Step Guide! 🎨

Mar 29

The 6 Must-Know Rules of Margin Collapsing in CSS

Vertical margins for block-level elements collapse in CSS. They can be confusing sometimes but follow 6 rules which are easy to pick up.

Oct 7, 2023

The 6 Must-Know Rules of Margin Collapsing in CSS

Oct 7, 2023

Exploring CSS Flexbox: Getting Started with the Basics

A well-designed layout makes a website more visually appealing and helps improve user experience. Earlier CSS floats, <table> tag and…

Jun 6, 2023

Exploring CSS Flexbox: Getting Started with the Basics

Jun 6, 2023

Create a Seamless Sign-Up/Sign-In Form for your Web Development Project

Forms are an essential part of any website. They provide a means to engage with users. We can design a feedback form to take valuable…

Mar 16, 2023

Create a Seamless Sign-Up/Sign-In Form for your Web Development Project

Mar 16, 2023

What are counters in CSS?

Counters are a way to automatically add numbers before different sections of a web page with the help of variables maintained by CSS…

Feb 16, 2023

What are counters in CSS?

Feb 16, 2023

Diving deep into z-index property

You may have come across various overlap effects in websites where for example we can have an image on top of another image with some…

Jan 7, 2023

Diving deep into z-index property

Jan 7, 2023

Getting comfortable with CSS Position Property

Position is perhaps one of the most confusing CSS properties. In old days position along with float were used to prepare the layout of any…

Dec 22, 2022

Getting comfortable with CSS Position Property

Dec 22, 2022

::before/::after — A Complete Guide

You may have seen many Frontend Developers create beautiful hover effects where they use words like “ ::before ” or “ ::after ” or may be…

Dec 17, 2022

::before/::after — A Complete Guide

Dec 17, 2022

Ritika Agrawal

Ritika Agrawal

CSS Explorer || Love web development, reading novels & watching anime. Find me @ https://twitter.com/RitikaAgrawal08

Following

Help

Status

About

Careers

Press

Blog

Privacy

Rules

Terms

Text to speech