Mula-mula saya ingin mengakui bahawa tajuk saya mengelirukan dan saya minta maaf mengenainya. Apa yang saya ingin capai ialah kesan berikut pada hover:
Tapak web saya ada di sini https://wordpress-493302-3130963.cloudwaysapps.com/
Saya telah berjaya mencapai separuh daripada apa yang saya ingin capai menggunakan peralihan css, tetapi saya tidak dapat melihat salinan bayangan butang dibuat seperti yang ditunjukkan dalam imej di atas. CSS saya adalah seperti berikut
.cta-button-menu:hover { transform:rotateZ(45deg) !important; background: #21B6CD !important; color: white !important; transition: 1s; }
Jika ini boleh dilaksanakan menggunakan JS atau sesuatu yang lain yang juga mungkin, tetapi CSS lebih diutamakan.
Tidak termasuk html yang dijana daripada pemalam menu mega, tetapi ini boleh dilakukan jika mahu.
Saya syorkan buat 2 butang/satu label:
Anda boleh menggunakan
::before
untuk menggunakan kesan ini.