Bu tekniği uygulamak istediğiniz yere CSS kodunu ekleyin. style.css. Aşağıdaki adımları dikkatlice izleyin!

Şunlar da hoşunuza gidebilir

İnternet sitesi

Blumentals Rapid PHP

Bir Web Sitesinde CSS Arka Planının Yanıp Sönmesi Nasıl Yapılır?

Arka plan CSS flaşını yapmak için ihtiyacınız olan şey, Tarayıcılar (Chrome, Firefox) en yenisidir ve ayrıca CSS dosyalarını değiştirmek için dosya sunucusuna erişiminizin olması gerekir. Bu eğitimde Google Chrome tarayıcısını kullanıyorum, filezilla style.css dosyasını aramak için ve not defteri++ CSS düzenlemesi yapmak için.

1. Web sitesini tarayıcıda açın, ardından herhangi bir yere sağ tıklayın. Seçmek İncelemek
2. Şimdi yanıp sönme efekti verilecek sınıfı arıyoruz
3. Araçları kullanma Öğeleri Seçin, ardından artı işaretini css öğesine sürükleyin
   
4. Daha sonra adında bir eleman sınıfı görünecek, .ajax-arama-simgesi
5. Daha sonra söz konusu dosyanın nerede bulunduğunu öğrenmek için CSS konsolunu kontrol ederiz.
   
6. Dosya konumu CSS stili adıyla bulundu, tn-style.min.css,
7. Şimdi FTP’ye gidin. Dosyayı bulun ve Metin Düzenleyiciyi kullanarak düzenleyin.
   
8. Bir metin düzenleyicide. Arama yapıyorsunuz (CTRL + F) .ajax-arama-simgesi
9. Uygun bir şey bulursanız lütfen aşağıdaki kodu CSS satırına ekleyin.

   .ajax-search-icon {
    -webkit-animation: kedip 1s infinite;
     -moz-animation:    kedip 1s infinite;
     -o-animation:      kedip 1s infinite;
     animation:         kedip 1s infinite;
   }
   
   @-webkit-keyframes kedip {
   0%, 49% {
       background: #EC4C51;
       color : #fff
      
   }
   50%, 100% {
       background: #f2f2f2;
       color : #000
      
   }
   }

10. Tilkiyi unutma .ajax-arama-simgesi değiştirilmesi gereken öğeye göre
11. Altıgen rengini değiştir arka plan Yanıp sönen arka plan rengini değiştirmek için. 2 arka plan var.
12. Değiştirmek renk sınıftaki metnin ve simgelerin rengini değiştirmek için .ajax-arama-simgesi

Düzenlenen dosyayı kaydedin ve web sitenizin sayfasını tekrar yenilemeyi deneyin. Eğer yanıp sönüyorsa başarılı oldunuz demektir! Eğer işe yaramazsa lütfen aşağıya yorum yapın, yardımcı olmaya çalışacağım. CSS’de arka plan renginin nasıl flaşlanacağıyla ilgili kısa CSS dersimiz bu kadar. Umarım faydalıdır!