PLATFORM

  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

COMMUNITY
MORE
Question By

Tura Jooseppi

Unsolved
Back to All Questions

How to make image modal dialog box that is hidden by default.

tura-jooseppi ・

Jan 1st, 2020 03:23 PM

Hi! I m thinking how to make image modal dialog box that is hidden by default, and when open it ( by clicking image) it looks like this: https://gyazo.com/046b88d1c863ff30f37bd404e4a425c8

How to code that? I need to use that animation and modal dialog box for 100 images in my websites.

with regards Tura:)

Report
DigitalOcean Laravel News Genesis
ronin-of-food ・

Jan 9th, 2020 06:56 PM

Well to start off, Put the image in a modal that overlays the original screen. Set the Modal to 0% Opacity. You can lab your animation in a tool like Animista to get the coding you need for it.

Report