Live Editor

HTML CSS Javascript

.disJs{display:flex;justify-content:flex-end;align-items:flex-end;position:fixed;top:20px;left:0;right:0;z-index:99;max-width:640px;border-radius:5px;margin:auto;padding:15px 10px;background:#ffdfdf;font-size:14px;font-weight:bold;color:#000;box-shadow:0 10px 20px -10px rgba(0,0,0,.1);} .disJs::before{content:attr(data-text);padding:5px 10px;flex-grow:1} .disJs label{flex-shrink:0;padding:5px 10px} .disJs label::after{content:'\2715';line-height:18px} .disJsI:checked ~ .disJs{display:none} @media screen and (max-width:640px){.disJs{top:0;border-radius:0}}

See Also :

Serkan Kod Editörü

Live Editor Code

Live Editor

Yorum Gönder

Blogger JavaScript Kullanarak Ses Oynatıcı Listesi

Blogger'da Daha Fazla Araç Bağlantı Listesi Sayfası Oluşturma

Canlı Kaynak Kodu Düzenleyici Çevrimiçi

Blogger'da Yapışkan Not Oluşturma Aracı

Blogger İndirme Düğmesi kodunu İlerleme Çubuğu ile Paylaşma

Blogger'da Partner Sayfası Nasıl Oluşturulur?

Blogger JavaScript Kullanarak Yazma Animasyonu ile Kullanım Koşulları Oluşturma Aracı

Ücretsiz Meta Etiket Oluşturma Aracı

Blogger için HTML CSS ve JavaScript kullanarak Metin Efekti Oluşturma

Generate Link