Hover'da Eleman Yarıçapı Nasıl Ayarlanır

Web sitesi tasarımına etkileşim ve çekicilik eklemek için Hover'da Öğe Şeffaflığını değiştirebilirsiniz. Özellik Panelinde, Hover bağlantısını tıklayın ve Hover onay kutusunu işaretleyin. Hover'da uygulanacak Şeffaflığı ayarlayın. Elemanın seçimini kaldırmak için Blokta bir yere tıklayın. Şeffaflık Değişikliğini test etmek için Öğenin üzerine gelin.

Arka planı olan bir Şekle Vurgulu Animasyon ekleyerek, düz dolguyu Gradyan gibi çekici bir şeyle değiştirmek isteyebilirsiniz. Bunun için bir Şekil seçin ve Özellik Paneli Vurgulu Bağlantı'ya gidin. Animasyon Açık -> Hover bağlantısını tıklayın ve Hover onay kutusunu işaretleyin. Arka Plan için Gradyan Tipini seçin ve Gradyan'ı ayarlayın.

Öğe Rengini Vurgulu Olarak Ayarlamak, ziyaretçilerin dikkatini bir Öğeye odaklamaya yardımcı olur ve anlamı hakkında istenen fikir hakkında bir izlenim ve kavram verir. Hover'da Öğenin Rengini değiştirebilirsiniz. Bunun için bir Öğe seçin ve Özellik Panelinde Animasyon Açık bölümüne gidin, Fareyle üzerine gelin bağlantısını ve ardından Fareyle üzerine gelin onay kutusunu tıklayın. Üzerine gelindiğinde uygulanacak Rengi değiştirin.

Ölçekleme, imlecinizdeki en doğal tepki gibi görünebilir. Bu nedenle, çok popüler olabilir. Hover Üzerine Ölçek'i web sitenize kolayca ekleyebilirsiniz. Bunun için bir Öğe ekleyin veya seçin ve ardından Özellik Paneline gidin. Animasyon Açık bölümünün Hover bağlantısını tıklayın ve Hover onay kutusunu işaretleyin. Ölçek, Döndür ve Taşı özelliklerine ilerleyin. Gerçek boyut 100'e eşittir.

Fareyle üzerine gelme animasyonunu Süresini ayarlayarak yönetebilirsiniz. Vurgulu Olarak Animasyon Süresini Ayarlayın Bir Öğe ekleyin veya seçin ve Özellik Paneline gidin. Animasyon Açık bölümünün Hover bağlantısını seçin ve Hover onay kutusunu seçin. Kaydırıcı için desteklenen değerler 10 ile 200 arasındadır ve gerekirse bu alana daha büyük bir sayı girebilirsiniz.

Ayrıca, Görüntüleri Doldur'u değiştirebilir ve hatta gezinirken bir Arka Plan Görüntüsünü diğerine değiştirebilirsiniz, bu da ziyaretçilerinizi çok eğlendirebilir. Bir Şekil seçin ve arka plan için bir resim ekleyin. Özellik Panelinin Animasyon Açık bölümüne gidin ve üzerine tıklayın. Hover efektini etkinleştirin ve Arka Plan Türü olarak Görüntüyü seçin. Vurgulu Görüntüyü seçin. Ölçek.

Modern web sitelerinde kullanılan Hover Animasyon Efektleri daha karmaşık hale geldi. Efekt örneklerinden biri, Hover'da Öğe Taşı'dır. Hover'da bir Elementin hareketini ekleyebilirsiniz. Bir Öğe ekleyin veya seçin ve Özellik Paneline gidin. Hover bağlantısını tıklayın ve ardından Hover onay kutusunu işaretleyin. Move X, Y özelliği için değerleri ayarlayın.

Metinler ve diğer Öğeler için Hover'da Gölge özelliğini değiştirebilirsiniz. Hover'da Gölge'yi ayarlamak için bir Öğe ekleyin veya seçin. Ardından, Özellik Panelinin Hover bağlantısını tıklayın, Hover onay kutusunu işaretleyin, Hover'a uygulanacak Gölgeyi değiştirin. Gölge Ön Ayarlarından biriyle başlayabilir ve gerekirse özelleştirebilirsiniz.

Hover'daki Döndürme, bir sonraki önemli ve karmaşık etkidir. Bir Elemanı Hover üzerinde döndürmek için bir Eleman ekleyin veya seçin ve Özellik Paneline gidin. Animation On bölümündeki Hover bağlantısına gidin ve tıklayın ve ardından Hover onay kutusunu işaretleyin. Döndürme Açısını ayarlamak için Kaydırıcıyı kullanın veya değeri giriş alanına girin. Döndürme Açısı için desteklenen değerler 0 ile 359 arasındadır.

Element Border, Elements'ın etkileşimini geliştirmek ve ziyaretçilerin dikkatini çekmek için de önemlidir. Simge, Resim, Şekil, Grup, Izgara vb. Öğeler için Vurgulu Kenarlığı değiştirebilirsiniz. Özellik Panelinin Vurgulu bölümünde, Vurgulu onay kutusunu işaretleyin. Bir Öğenin üzerine gelindiğinde gösterilecek Kenarlığı değiştirin.