Media Query iki genişlik arası - Media Queries - between two widths

Min 400px, Max 900px için;

@media (min-width:400px) and (max-width:900px) { .foo { display:none; } }​

Loading animasyonu, Loading animation

HTML kodumuz;

 <div class="ring"><img src="/Content/logo.png" class="img-fluid"><span></span></div>

CSS multiple Hover

Üst class Mouse üzerine gelince Alt Class ları etkilemek için gereken Css dkodu aşağıdadır.

bu kodla Javascript yazmamıza gerek kalmıyor.
 

css hover sub css

.tp81:hover .tp81b {
    height: 100%;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

Boostrap 5 Sadece Mobilde gizleme, Boostrap 5 Sadece Mobilde gösterme

Boostrap 5 Sadece Mobilde gizleme

d-none d-sm-block

Boostrap 5 Sadece Mobilde gösterme

d-block d-sm-none

Draggable Bootstrap Slider carousel

Draggable Bootstrap Slider carousel

https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js dosyasını sayfamıza çağırıyoruz. 

Ardından;

CSS FontAwesome li icon

CSS-Only FontAwesome , CSS FontAwesome li icon

Aşağıdaki kodla Tüm li taglarına icon ekleyebilirsiniz.