Thêm button chia sẻ sử dụng HTML và CSS cực chất và đẹp cho blogspot
Thêm button chia sẻ sử dụng HTML và CSS cực chất và đẹp cho blogspot
Thêm button chia sẻ sử dụng HTML và CSS cực chất và đẹp cho blogspot
Code này bạn cũng có thể chỉnh sửa lại thành button liện hệ hoặc button thông tin mạng xã hội cá nhân, mình sẽ để code HTML của cả button chia sẻ và thông tin mạng xã hội cá nhân cho bạn nào không biết sửa nhé! Hướng dẫn Bước 1: Thêm đoạn code CSS sau đây vào trong theme của bạn thường nằm giữ cặp thẻ <head>...</head> . <style> .social-container{position:fixed;height:50px;width:50px;border-radius:40px;background-color:var(--widgetbg);bottom:30px;left:30px;box-shadow:0 12px 25px 0 rgb(30 30 30 / 4%);transition:0.3s ease, box-shadow 0.1s 0.3s ease;z-index:5} .social-check-label{z-index:10;cursor:pointer;position:absolute;height:50px;width:50px;bottom:0;left:50%;transform: translateX(-50%) rotate(0deg);border-radius:100%;transition:0.3s ease} .social-check-label:after,.social-check-label:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:4px;width:35%;border-radius:2px;background-color:#7577a9} .social-check-label:after{trans…
