44 thoughts on “📸 CREA el LOGO de INSTAGRAM en 30 Segundos con CSS 🎨 #shorts | เนื้อหา logo ig ดีที่สุด”

  1. En informatica entran mucho las matemáticas? Tengo un interés por estudia esta carrera
    Pero yo nunca fui bueno en las matemáticas siempre lo deje de último no le daba interes

    Reply
  2. <!DOCTYPE html>

    <html>

    <head>

    <title>Logo Instagram in CSS</title>

    </head>

    <body>

    <section>

    <div class="instagram">

    <span></span>

    </div>

    </section>

    <style>

    .instagram {

    height: 20rem;

    width: 20rem;

    background: radial-gradient(

    circle at 33% 100%,

    #fed373 4%,

    #f15245 30%,

    #d92e7f 62%,

    #9b36b7 85%,

    #515ecf

    );

    border-radius: 30%;

    position: relative;

    }

    .instagram:before {

    content: '';

    border: 1rem solid #fff;

    border-radius: 30%;

    width: 12.5rem;

    height: 12.5rem;

    left: 0 ;

    right: 0;

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    }

    .instagram:after {

    content: '';

    border: 1rem solid #fff;

    border-radius: 100%;

    width: 5rem;

    height: 5rem;

    left: 0 ;

    right: 0;

    position: absolute;

    margin: auto;

    top: 0;

    bottom: 0;

    }

    .instagram span {

    content: '';

    border: 1rem solid #fff;

    border-radius: 100%;

    width: 0;

    height: 0;

    right: 5rem;

    position: absolute;

    margin: auto;

    top: 5rem;

    }

    </style>

    </body>

    </html>

    Reply

Leave a Comment