Código de CSS - Poner un texto en forma trapezoidal con CSS3

Val: 493

Poner un texto en forma trapezoidal con CSS3

Publicado el 21 de Marzo del 2021 por Katas (47 códigos)

857 visualizaciones desde el 21 de Marzo del 2021

Código que muestra como utilizando la propiedad transform para poner un texto en forma trapezoidal

texto-trapezoidal-con-css

Publicado el 21 de Marzo del 2021

858 visualizaciones desde el 21 de Marzo del 2021

<!DOCTYPE html>

<html>

<head>

    <style>

        header {text-align:center;}

        h1 {

            font-size:48px;

            transform: perspective(100px) rotateX(15deg);

    </style>

</head>

<body>

    <header>

        <h1>TEXTO DE EJEMPLO</h1>

    </header>

</body>

</html>

No hay comentarios

http://lwp-l.com/s6957

Separador en forma de sierra con CSS

Efecto de girar una carta con CSS3