84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
Bolehkah seseorang memberitahu saya cara melakukan hover seperti ini dalam css?
Ini ialah contoh persediaan Windows 10. Tetapi saya mahu menirunya dalam css.
Anda boleh menggunakan berbilang imej latar belakang kecerunan untuk mendapatkan kesan pada tuding.
Berikut adalah contohnya. Jelas sekali, bereksperimen dengan pelbagai tetapan sehingga anda mendapat rupa yang anda inginkan.
<style> body { background: black; } div { width: 150px; height: 50px; color: red; } div:hover { background-image: linear-gradient(to right, white, transparent), linear-gradient(white, transparent), linear-gradient(to right, rgba(255, 255, 255, 0.3), 20%, transparent); background-size: 100% 1px, 1px 100%, 100% 100%; background-position: top left, top left, 1px 1px; background-repeat: no-repeat; } </style> <body> <div>Hover here</div> </body>
Anda boleh menggunakan berbilang imej latar belakang kecerunan untuk mendapatkan kesan pada tuding.
Berikut adalah contohnya. Jelas sekali, bereksperimen dengan pelbagai tetapan sehingga anda mendapat rupa yang anda inginkan.