“Membuat Logo Nike dengan CSS” Kode Jawaban

Membuat Logo Nike dengan CSS

/* first create a div element in your html file with "class="nike" " attribute
*/

.nike {
    position: absolute;
    overflow: hidden;
    width: 50vmin;
    aspect-ratio: 14/5;
    position: relative;


}

.nike:before {
    content: '';
    position: absolute;
    background: black;
    width: 37%;
    height: 550%;
    bottom: -134%;
    left: 70.5%;
    border-top-left-radius: 48% 17%;
    border-top-right-radius: 120% 40%;
    transform: rotate(-113deg);
    z-index: 1;
}

.nike:after {
    content: '';
    position: absolute;
    background: white;
    width: 30%;
    height: 400%;
    bottom: -73%;
    left: 64%;
    border-top-left-radius: 64% 14%;
    border-top-right-radius: 125% 46%;
    transform: rotate(-105deg);
    z-index: 2;
}
OHIOLee

Membuat Logo Nike dengan CSS

/* first create a div element in your html file with "class="nike" " attribute
*/

.nike {
    position: absolute;
    overflow: hidden;
    width: 50vmin;
    aspect-ratio: 14/5;
    position: relative;


}

.nike:before {
    content: '';
    position: absolute;
    background: black;
    width: 37%;
    height: 550%;
    bottom: -134%;
    left: 70.5%;
    border-top-left-radius: 48% 17%;
    border-top-right-radius: 120% 40%;
    transform: rotate(-113deg);
    z-index: 1;
}

.nike:after {
    content: '';
    position: absolute;
    background: white;
    width: 30%;
    height: 400%;
    bottom: -73%;
    left: 64%;
    border-top-left-radius: 64% 14%;
    border-top-right-radius: 125% 46%;
    transform: rotate(-105deg);
    z-index: 2;
}
OHIOLee

Jawaban yang mirip dengan “Membuat Logo Nike dengan CSS”

Pertanyaan yang mirip dengan “Membuat Logo Nike dengan CSS”

Lebih banyak jawaban terkait untuk “Membuat Logo Nike dengan CSS” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya