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

Patricia Arquette
Lepaskan: 2024-10-30 03:23:03
asal
661 orang telah melayarinya

Here are two possible titles, focusing on the

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!