Maxw3ll
  • AOC
  • Tools
  • Fun/Misc

CSS Box Shadow Generator

Generate box-shadow CSS values.

Generated CSS:

                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
              

Tailwind CSS Equivalent:

              shadow-[0px_0px_10px_0px_rgba(0\,0\,0\,0.5)]
            

Preview:

Explore Categories

HealthUtilitiesDesignSecurityMathsTimeTextDevelopmentFinanceCookingPet CareOther

Explore Tags

CalculatorHealth toolConverterUnitsMeasurementsColourHEXRGBAHSLBox ShadowGeneratorPasswordSecurityMediaPercentageMathsDateDifferenceTextCharactersWordsPixelBorder RadiusJSONFormatterValidatorInterestCompoundSimpleRecipeScalerCookingPet AgePet CareRandomSpinnerChoice PickerCountdownChristmasNew Year

Explore Languages

CSSJavaScript

Previous Tool

← Colour Converter (HEX, RGBA, HSL)

Converts colours between HEX, RGBA, HSL, and other formats.

Next Tool

Password Generator →

Generates secure random passwords.

Pages

  • Tools
  • Advent of Code
  • Fun/Misc

Social

  • LinkedIn
  • GitHub

Copyright © 2024 Maxwell Durrant. All rights reserved.