Skip to content
Tortoiz Themes
Themes
TechnologyAstroHugoJekyllReactJS
UsePortfolioBusinessBlog
CollectionsBestsellersNewPremiumFreeGitHub PagesAll themes
DocsBlogAbout usContact
All themes →
Docs/Sandbox Jekyll/Image Mask
Sandbox Jekyll

Usage

  • Getting Started
  • Configuration Guide
  • Theme Configuration Guide
  • Navigation Configuration Guide
  • Authors Configuration
  • Data Files Configuration
  • Projects Configuration
  • Blog Posts Guide
  • Component Variations
  • Demo Pages Configuration
  • Rake Build System
  • Using Sandbox Without Rake
  • Changelog
  • Credits

Styleguide

  • Colors
  • Fonts
  • Icons SVG
  • Font Icons
  • Illustrations
  • Backgrounds
  • Miscellaneous

Elements

  • Accordion
  • Alerts
  • Animations
  • Avatars
  • Background
  • Badges
  • Buttons
  • Card
  • Carousel
  • Dividers
  • Form Elements
  • Image Hover
  • Image Mask
  • Lightbox
  • Player
  • Modal
  • Pagination
  • Progressbar
  • Shadows
  • Shapes
  • Tables
  • Tabs
  • Text Animations
  • Text Highlight
  • Tiles
  • Tooltips & Popovers
  • Typography

Blocks

  • About
  • Blog
  • Call to Action
  • Clients
  • Contact
  • Facts
  • FAQ
  • Features
  • Footer
  • Hero
  • Misc
  • Navbar
  • Portfolio
  • Pricing
  • Process
  • Team
  • Testimonials

Every theme

  • Licensing
  • Updates
  • Support

Sandbox Jekyll documentation

Image Mask

Learn how to use image mask in Sandbox.

Mask 1

<div class="img-mask mask-1"><img src="..." alt="" /></div>

Mask 2

<div class="img-mask mask-2"><img src="..." alt="" /></div>

Mask 3

<div class="img-mask mask-3"><img src="..." alt="" /></div>
PreviousImage HoverNextLightbox

On this page

  • Mask 1
  • Mask 2
  • Mask 3
Tortoiz Themes

Beautiful, fast, and fuss-free themes for the independent web.

About usContact
support@tortoizthemes.com
FacebookGitHub
Technology
AstroHugoJekyllReactJS
Use
PortfolioBusinessBlog
Collections
BestsellersNewPremiumFreeGitHub PagesAll themes
Resources
DocumentationBlogReviewsFAQ
© 2014–2026 Tortoiz Themes
TermsPrivacyRefunds
Payments secured by Lemon Squeezy.