yer:ev sayfası > JS özel efekt kodu > CSS3 animasyonu

CSS3 genişletilebilir düğme menüsü malzeme tasarımı Malzeme Tasarımı

2020-06-25 114Görüntülerin sayısı
Bu harika bir malzeme tasarım stili açık menü düğmesi efektidir. Bu özel efektte yedi farklı efekt vardır. Her efektte, ana menü düğmesi tıklanarak bir grup ana menü düğmesi açılabilir. Çeşitli açılış alt menülerinin animasyon efektleri farklıdır. İlk etki, ana menü düğmesine tıkladığınızda, ana menü düğmesi sola hareket edecek ve ana menü düğmesi hareket ederken sırasıyla ana menü düğmesi görünecektir. İkinci etki, ana menü düğmesine tıkladıktan sonra dairesel bir maske katmanı görünecek ve dört alt menü düğmesinin dairesel maske katmanının üst, alt, sol ve sağ konumlarında görünmesidir. Üçüncü etki, ana menü düğmesine tıkladıktan sonra, alt menü düğmesinin, ana menü düğmesinin üzerinde aşağıdan yukarıya doğru görünmesidir. Dördüncü etki, ana menü düğmesine tıkladıktan sonra, alt menü düğmesinin ana menü düğmesinin her iki tarafında kaymasıdır. Beşinci etki, ana menü düğmesine tıkladıktan sonra, alt menü düğmesinin ana menü düğmesinin konumundan çıkıp sırayla görünmesidir. Altıncı etki, ana menü düğmesine tıkladıktan sonra, alt menü düğmelerinin ana menü düğmesinin her iki yanında görünmesi ve ardından ana menü düğmesi çevresinde 360 ​​derece dönmesidir. Yedinci etki, ana menü düğmesine tıklamaktır, ana menü düğmesinin çevresinde sırayla dört alt menü düğmesi görünür