Shuffle for Tailwind CSS
How it works Features Components Pricing
Log in Try Demo
← Tailwind CSS classes list

Tailwind CSS class: .-inset-y-0

    <div class="relative h-40">
        <div class="absolute -inset-y-0 left-0 p-6 bg-teal-400 text-sm"></div>
    </div>

Preview

More in Tailwind CSS Positioning

  • .align-*
  • .clear-left
  • .clear-right
  • .clear-both
  • .clear-none
  • .clearfix
  • .float-*
  • .inset-y-0 / .inset-*-#
  • .top-0 / .top-*
  • .left-0 / .left-*
  • .right-0 / .right-*
  • .bottom-0 / .bottom-*
  • .object-center
  • .object-bottom
  • .object-left
  • .object-left-bottom
  • .object-left-top
  • .object-right
  • .object-right-bottom
  • .object-right-top
  • .object-top
  • .object-contain / .object-*
  • .z-10 / .z-*
  • .static
  • .relative
  • .absolute
  • .fixed
  • .sticky
  • .-bottom-1
  • .-bottom-px
  • .-inset-0
  • .-inset-px
  • .-inset-x-0
  • .-inset-y-full
  • .-inset-y-px
  • .-left-0
  • .-left-full
  • .-left-px
  • .-m-0
  • .-m-px
  • .-mb-0
  • .-mb-px
  • .-ml-0
  • .-ml-px
  • .-mr-0
  • .-mr-px
  • .-mt-0
  • .-mt-px
  • .-mx-0
  • .-mx-px
  • .-my-0
  • .-my-px
  • .-right-0
  • .-right-full
  • .-right-px
  • .-rotate-1
  • .-skew-x-1
  • .-skew-y-1
  • .-space-x-0
  • .-space-x-px
  • .-space-y-0
  • .-space-y-px
  • .-top-0
  • .-top-px
  • .-translate-x-0
  • .-translate-x-full
  • .-translate-x-px
  • .-translate-y-0
  • .-translate-y-px
  • .absolute
  • .align-baseline
  • .align-bottom
  • .align-middle
  • .align-text-bottom
  • .align-text-top
  • .align-top
  • .bottom-0
  • .bottom-auto
  • .bottom-full
  • .bottom-px
  • .inset-1
  • .inset-full
  • .inset-px
  • .inset-x-1
  • .inset-x-full
  • .inset-x-px
  • .inset-y-1
  • .inset-y-full
  • .inset-y-px
  • .left-1
  • .left-full
  • .left-px
  • .right-1
  • .right-auto
  • .right-full
  • .right-px
  • .top-full
  • .top-px
Tailwind CSS
  • Tailwind Editor
  • Tailwind Components
  • Tailwind Templates
© 2025 Shuffle
Terms Privacy Policy Licenses Support Components Templates Tailwind CSS

Tailwind Builder is a product of Shuffle and is not affiliated with Tailwind CSS or Tailwind Labs.

Switch to the Tailwind Editor by Shuffle