【補充】送給你們的小心心之css偽元素

前端小鐵人發表於2019-10-15
CSS

#涉及的知識點：

1.css的偽元素的應用（畫小心心簡直超簡單）

```詳細的程式碼如下：
（承接上篇的撩妹文，在這裡只寫小心心的樣式）

廢話不多說：三個元素呈上...
.heart{
    width:10px;
    height:10px;
    transform:rotato(45deg);
    position:absolute;//小心心要舉高高，所以要定位呀。
}
//左心房
.heart::before{
    content:"";
    width:inherit;
    height:inherit;
    position:ansolute;
    left:-5px;
    background:inherit;
    border-radius:50%;
}
//右心房
.heart::after{
    content:"";
    width:inherit;
    height:inherit;
    position:absolute;
    background:inherit;
    border-radius:50%;
    top:-5px;
}

完事~，484炒雞撿蛋。ღ( ´･ᴗ･` )比心複製程式碼

相關文章