CSS ile Animasyon Yapımı
Merhaba arkadaşlar, bu yazımızda CSS3'ün "animation" özelliğini nasıl kullacağımızı öğreneceğiz. Bu özellik ile güzel animasyonlar yapabilirsiniz.
İlk olarak @keyframes ile animasyon kurallarını tanımlıyoruz. Örneğin; renk değişimi yapılsın, büyüsün küçülsün vs.
// DonmeEfekti adında kural tanımlıyoruz
@keyframes DonmeEfekti{
from {
transform: rotate(0deg); // ...
DEVAMINI OKU
CSS ile Metni Sütunlara Ayırma
Merhaba arkadaşlar, bu yazımızda css ile metni sütunlara ayırma konusunu işleyeceğiz. Metni sütunlara ayırdıktan sonra, istersek sütunlar arasındaki boşlukları ayarlayabilir veya sütunlar arasına çizgi koyabiliriz. Bu işlemler için CSS'in "column-count, column-gap, column-rule" komutlarını kullancağız. Kullanıma geçecek olursak;
// Metni sütunlara böl
-webkit-column-count: 3;
-moz-column-count: ...
DEVAMINI OKU
CSS ile Alt Satıra Geçmeyi Engelleme
Merhaba arkadaşlar, bu yazımızda CSS'i kullanarak belirli bir alandaki metnin alt satıra geçmesini engellemeyi, taşan kısımların gizlenmesini ve metnin sonuna üç nokta(...) koyma işleminin nasıl yapıldığını öğreneceğiz. Bu işlemler için CSS'in overflow, white-space ve text-overflow özelliklerini kullacanağız.
Kullanıma geçecek olursak;
.alan{
width: 200px; // Alanın genişliğini ...
DEVAMINI OKU
