Todos os componentes

Animal Imagemasking

Animal Imagemasking é um componente de media para React e Tailwind CSS, da biblioteca UI Layouts, com licença MIT. Copia e cola no teu projeto.

UI Layouts MIT media

O que é

Animal Imagemasking é um componente de media para React e Tailwind CSS, da biblioteca UI Layouts, com licença MIT. Copia e cola no teu projeto.

Como usar

Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.

Abrir no catálogo

Cinco cópias grátis por mês. Sem cartão.

Precisa de

npm i motion

Licença

Este componente vem de UI Layouts e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.

Animal Imagemasking

./registry/components/clip-path/animal-image-masking.tsx

import React from 'react';

function AnimalImageMasking() {
  return (
    <>
      <section className='grid grid-cols-2 gap-2 dark:bg-black bg-white border rounded-lg p-5'>
        <figure className='relative h-fit'>
          <img
            src='https://images.unsplash.com/photo-1535968881874-0c39f1503640?w=500&auto=format&fit=crop'
            alt=''
            className='w-full h-full object-cover  aspect-square'
            style={{
              maskImage: "url('/cat.svg')",
              maskSize: 'contain',
              maskRepeat: 'no-repeat',
              maskPosition: 'center',
            }}
          />
        </figure>

        <figure className='relative h-fit '>
          <img
            src='https://images.unsplash.com/photo-1556648011-e01aca870a81?w=500&auto=format&fit=crop'
            alt=''
            className='w-full h-full object-cover  aspect-square '
            style={{
              maskImage: "url('/panda.svg')",
              maskSize: 'contain',
              maskRepeat: 'no-repeat',
              maskPosition: 'center',
            }}
          />
        </figure>
      </section>
    </>
  );
}

export default AnimalImageMasking;

Componentes parecidos