Berikut ialah dua tajuk yang mungkin, memfokuskan pada aspek \'CSS tulen\' yang anda minta: 1. Bolehkah saya Putar Imej 45 Darjah pada Klik dengan CSS Tulen? (Menekankan soalan, dan \'C tulen

Transformasi CSS pada Klik Menggunakan CSS Tulen

Dalam artikel ini, kami akan meneroka cara untuk mencapai animasi putaran pada imej pada klik menggunakan hanya CSS. Mari kita mulakan dengan soalan asal.

Soalan:

Seorang pengguna ingin memutarkan imej 45 darjah menggunakan CSS untuk mencipta simbol silang. Walau bagaimanapun, kod mereka, yang bergantung pada tuding, tidak berfungsi untuk acara onclick. Mereka mencari penyelesaian mudah menggunakan CSS tulen.

Jawapan:

Untuk mencapai putaran pada klik, kita boleh menggunakan kelas pseudo ':active' dan bukannya ':legar'. Berikut ialah kod yang disemak:

<code class="css">.crossRotate:active {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}</code>

Walau bagaimanapun, pembetulan ini tidak menangani kegigihan transformasi sebaik sahaja aktiviti klik tamat. Untuk menangani perkara ini, kami boleh menggabungkan JavaScript, tetapi untuk penyelesaian CSS tulen, kegigihan tidak boleh dilaksanakan.

Atas ialah kandungan terperinci Berikut ialah dua tajuk yang mungkin, memfokuskan pada aspek \'CSS tulen\' yang anda minta: 1. Bolehkah saya Putar Imej 45 Darjah pada Klik dengan CSS Tulen? (Menekankan soalan, dan \'C tulen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!