🌈
NextGenCSS
  • 🔥NextGenCSS🔥
    • How to Contribute ?
  • Installation
    • Install and Use
    • Set Up
    • React
  • 🌟Quick Start
    • Get Started
    • Optimizations
    • Breakpoints
    • Colors
    • Buttons
    • BackGround Color
    • Border
    • Font
    • Icons
  • 🧩Components
    • Box
    • Card
    • Footer
    • NavBar
    • Switch
  • ⚒️Utilities
    • Display
    • Align
    • Center
    • Flex
    • Left
    • Right
    • Padding
    • Margin
    • Grid
    • Scale
  • forms
    • Input Box
  • ☺️Releases and Changelog
    • 0.0 🔥🔥 1st Release
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. Utilities

Scale

Scale a element

Scale a element in .scale-{..} class

There are 2 ways in which you can scale a block

- By increasing the size , scaling factor > =1

- By decreasing the size , scaling factor < 1

For scaling factor >= 1

  • .scale-1 scaling factor = 1

  • .scale-2 scaling factor = 2

  • .scale-3 scaling factor = 3

  • .scale-4 scaling factor = 4

For scaling factor < 1

  • .scale-01 scaling factor = 0.1

  • .scale-02 scaling factor = 0.2

  • .scale-03 scaling factor = 0.3

  • .scale-04 scaling factor = 0.4

Last updated 1 year ago

Was this helpful?

⚒️