CSS ile Site Girişine Efekt Vermek


Site açılırken farklı efektler ile bunun gerçekleşmesini isterseniz CSS dosyası vasıtasıyla yapabileceğiniz bir çözüm var.

Farklı efektleri hazırlamak için yapımcı Daniel Eden sitesini ziyaret edin. Bu sitede sisin için seçimlerinizle bir animation.css dosyası oluşturulacak. Bu dosyayı da şu şekilde kullanabilirsiniz.

Öncelikle oluşturulan stil dosyasını aşağıdaki kodlarla çağırın.


<link href="animation.css" rel='stylesheet' type='text/css'/>

HTML kodunu eklemek için ise;

Hangi efekti hangi elementte kullanmk istiyorsanız class açın. Örnek: <div class=”"></div>
Sonra bu classa “animated ” kodunu ekleyin. Dikkat ederseniz animated yazısının yanında bir boşluk var.
Boşluğu işinizi kolaylaştırmak için koydum. Şimdi boşluğun sonuna önizleme sitesinde bulunan mavi kutucularda yazan bir efekti ekleyin. Örnek: <div></div>