{"apiVersion":"1","count":12,"docs":"https://cssimagelab.com/llms-image-fx.txt","effects":[{"id":"soft-zoom","slug":"soft-zoom","name":"Soft Zoom","category":"hover","categoryLabel":"Hover","description":"A restrained scale-in on hover — the calm default for portfolios and cards.","useCases":["portfolio","ecommerce","editorial","blog"],"tags":["hover","no-javascript","mobile-safe","reduced-motion","react-ready","zoom"],"badges":["No JS","Mobile-safe","Reduced-motion","React-ready"],"interaction":"hover","browserSupport":"modern","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":false,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":true,"reducedMotionIncluded":true,"touchFallback":true},"url":"https://cssimagelab.com/effects/soft-zoom","apiUrl":"https://cssimagelab.com/api/effects/soft-zoom"},{"id":"slow-pan","slug":"slow-pan","name":"Slow Pan","category":"hover","categoryLabel":"Hover","description":"A slow cinematic drift across the image on hover.","useCases":["hero","editorial","travel"],"tags":["hover","no-javascript","reduced-motion","mobile-fallback","pan","cinematic"],"badges":["No JS","Reduced-motion","Mobile fallback"],"interaction":"hover","browserSupport":"modern","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":false,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":true,"reducedMotionIncluded":true,"touchFallback":true},"url":"https://cssimagelab.com/effects/slow-pan","apiUrl":"https://cssimagelab.com/api/effects/slow-pan"},{"id":"depth-lift","slug":"depth-lift","name":"Depth Lift","category":"hover","categoryLabel":"Hover","description":"The card rises with a soft shadow — tactile without being loud.","useCases":["ecommerce","case-study","saas","portfolio"],"tags":["hover","no-javascript","mobile-safe","react-ready","shadow","lift"],"badges":["No JS","Mobile-safe","React-ready"],"interaction":"hover","browserSupport":"modern","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":false,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":true,"reducedMotionIncluded":true,"touchFallback":true},"url":"https://cssimagelab.com/effects/depth-lift","apiUrl":"https://cssimagelab.com/api/effects/depth-lift"},{"id":"duotone-ink","slug":"duotone-ink","name":"Duotone Ink","category":"filter","categoryLabel":"Filter","description":"Two-tone ink treatment that unifies mixed photography.","useCases":["gallery","editorial","branding"],"tags":["filter","no-javascript","static","mobile-safe","duotone","blend-mode"],"badges":["No JS","Static","Mobile-safe"],"interaction":"always-on","browserSupport":"modern","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":true,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":false,"reducedMotionIncluded":false,"touchFallback":true},"url":"https://cssimagelab.com/effects/duotone-ink","apiUrl":"https://cssimagelab.com/api/effects/duotone-ink"},{"id":"warm-editorial","slug":"warm-editorial","name":"Warm Editorial","category":"filter","categoryLabel":"Filter","description":"A warm magazine grade with lifted contrast.","useCases":["lifestyle","travel","food"],"tags":["filter","no-javascript","static","mobile-safe","warm","grade"],"badges":["No JS","Static","Mobile-safe"],"interaction":"always-on","browserSupport":"modern","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":false,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":false,"reducedMotionIncluded":false,"touchFallback":true},"url":"https://cssimagelab.com/effects/warm-editorial","apiUrl":"https://cssimagelab.com/api/effects/warm-editorial"},{"id":"crisp-monochrome","slug":"crisp-monochrome","name":"Crisp Monochrome","category":"filter","categoryLabel":"Filter","description":"Clean, high-contrast black and white.","useCases":["team","editorial","portfolio"],"tags":["filter","no-javascript","static","react-ready","monochrome","black-and-white"],"badges":["No JS","Static","React-ready"],"interaction":"always-on","browserSupport":"modern","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":false,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":false,"reducedMotionIncluded":false,"touchFallback":true},"url":"https://cssimagelab.com/effects/crisp-monochrome","apiUrl":"https://cssimagelab.com/api/effects/crisp-monochrome"},{"id":"bottom-gradient-caption","slug":"bottom-gradient-caption","name":"Bottom Gradient Caption","category":"overlay","categoryLabel":"Overlay","description":"A readable caption anchored over a soft bottom gradient.","useCases":["ecommerce","editorial","lookbook","portfolio"],"tags":["overlay","no-javascript","always-readable","mobile-safe","caption","gradient"],"badges":["No JS","Always-readable","Mobile-safe"],"interaction":"always-on","browserSupport":"modern","verified":true,"hasCaption":true,"requires":{"wrapper":false,"pseudoElements":true,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":false,"reducedMotionIncluded":false,"touchFallback":true},"url":"https://cssimagelab.com/effects/bottom-gradient-caption","apiUrl":"https://cssimagelab.com/api/effects/bottom-gradient-caption"},{"id":"glass-caption","slug":"glass-caption","name":"Glass Caption","category":"overlay","categoryLabel":"Overlay","description":"A frosted glass caption bar that floats above the image.","useCases":["interior","editorial","gallery"],"tags":["overlay","no-javascript","enhanced-support","backdrop-filter","glass","caption"],"badges":["No JS","Wrapper req.","Enhanced support"],"interaction":"always-on","browserSupport":"enhanced","verified":true,"hasCaption":true,"requires":{"wrapper":true,"pseudoElements":false,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":false,"reducedMotionIncluded":false,"touchFallback":true},"url":"https://cssimagelab.com/effects/glass-caption","apiUrl":"https://cssimagelab.com/api/effects/glass-caption"},{"id":"offset-frame","slug":"offset-frame","name":"Offset Frame","category":"frame","categoryLabel":"Frame","description":"An outlined frame offset behind the image that snaps in on hover.","useCases":["portfolio","gallery","editorial"],"tags":["frame","no-javascript","reduced-motion","wrapper-required","border","offset"],"badges":["No JS","Reduced-motion","Wrapper req."],"interaction":"hover","browserSupport":"modern","verified":true,"hasCaption":false,"requires":{"wrapper":true,"pseudoElements":true,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":true,"reducedMotionIncluded":true,"touchFallback":true},"url":"https://cssimagelab.com/effects/offset-frame","apiUrl":"https://cssimagelab.com/api/effects/offset-frame"},{"id":"polaroid-lift","slug":"polaroid-lift","name":"Polaroid Lift","category":"frame","categoryLabel":"Frame","description":"A tilted print that straightens as you hover.","useCases":["portfolio","gallery","personal"],"tags":["frame","no-javascript","reduced-motion","mobile-safe","polaroid","tilt"],"badges":["No JS","Reduced-motion","Mobile-safe"],"interaction":"hover","browserSupport":"modern","verified":true,"hasCaption":true,"requires":{"wrapper":true,"pseudoElements":false,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":true,"reducedMotionIncluded":true,"touchFallback":true},"url":"https://cssimagelab.com/effects/polaroid-lift","apiUrl":"https://cssimagelab.com/api/effects/polaroid-lift"},{"id":"circle-reveal","slug":"circle-reveal","name":"Circle Reveal","category":"mask","categoryLabel":"Mask","description":"The image opens through an expanding circular reveal.","useCases":["gallery","feature","portfolio"],"tags":["mask","no-javascript","reduced-motion","enhanced-support","clip-path","reveal"],"badges":["No JS","Reduced-motion","Enhanced support"],"interaction":"hover","browserSupport":"enhanced","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":true,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":true,"reducedMotionIncluded":true,"touchFallback":true},"url":"https://cssimagelab.com/effects/circle-reveal","apiUrl":"https://cssimagelab.com/api/effects/circle-reveal"},{"id":"diagonal-wipe","slug":"diagonal-wipe","name":"Diagonal Wipe","category":"mask","categoryLabel":"Mask","description":"A panel slides off on a diagonal to reveal the image.","useCases":["gallery","feature","editorial"],"tags":["mask","no-javascript","reduced-motion","enhanced-support","wipe","reveal"],"badges":["No JS","Reduced-motion","Enhanced support"],"interaction":"hover","browserSupport":"enhanced","verified":true,"hasCaption":false,"requires":{"wrapper":false,"pseudoElements":true,"svg":false,"javascript":false},"accessibility":{"essentialContentOnHover":false,"keyboardFocusable":true,"reducedMotionIncluded":true,"touchFallback":true},"url":"https://cssimagelab.com/effects/diagonal-wipe","apiUrl":"https://cssimagelab.com/api/effects/diagonal-wipe"}]}