Antrium A35D

Bir sonraki için en iyisini yap...

CSS

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; } }​

Devamı →

Loading animasyonu, Loading animation

HTML kodumuz;

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

 

Devamı →
CSS multiple Hover

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.
 

Devamı →

css hover sub css

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

Devamı →

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

Devamı →

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;

Devamı →

CSS FontAwesome li icon

CSS-Only FontAwesome , CSS FontAwesome li icon

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

 li:before {
  content: '\f006';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #0074D9;
}

Devamı →