css-protips

css-protips copied to clipboard

Multiple colors can be added to texts in form of gradients instead of the common practice of adding a single color. This provides developer with the privilege of producing creative...

Oluwatoyinah

Avoid the !important tag

ChetanAtrawalkarCA

Added a new tip to detect if the user prefers a light theme or a dark theme using the `prefers-color-scheme` media feature. This tip can be really helpful to implement...

Dharmik48

arnavk1872

Add tip: Using Aspect Ratio instead of usual Margin and Padding

3

I think this repo must contain the aspect ratio hack...It can be use widely in hero section , responsive styling and grid based content.... Here is more info about the...

farheen21

New Translation of the Readme file is added. Language বাংলা/ Bengali Indian Language added.

soumyajoydas01

This PR adds a simple tip for a wrapper utility class which resolves #135.

tomjbradley

Add tip: wrapper utility

2

You should add a tip for a simple wrapper/container utility. For example: ```css .wrapper { margin-right: auto; margin-left: auto; max-width: 960px; padding-right: 10px; padding-left: 10px; } ``` It's explained more...

tomjbradley

Animation to any element

5

Hi, Please can I add an animation on load, which can be added to any element via. a class. @keyframes slideInFromLeft { 0% { transform: translateX(-100%); } 100% { transform:...

GemmieDodger

Smooth Scrolling + Fixed Navigation Bar

1

## I made 3 commits 1. In the first commit, I numbered all the protips. 2. In the second commit, I added protip for Smooth-Scrolling 3. In the third commit,...

hardikchopra242