communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Exemple d'utilisation de CSS pour implémenter une tornade à l'aide de styles de curseur personnalisés

Exemple d'utilisation de CSS pour implémenter une tornade à l'aide de styles de curseur personnalisés

高洛峰
Libérer： 2017-03-04 10:00:43
original
1554 Les gens l'ont consulté

L'environnement de test est le navigateur Chrome

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, comme Gecko) Chrome/43.0.2357.132 Safari/537.36

css Style 

p
{
　　cursor:url('1.jpg'),pointer;
}
HTML
<body>
　　<p style="width:100px;height:100px;background-color:red;"></p>
</body>
Copier après la connexion

Lorsque la souris est placée sur p, le curseur se transformera en le motif que vous avez spécifié

* Notes

Assurez-vous que l'image personnalisée est suffisamment petite, voici 16*16

Différents navigateurs prennent en charge différents formats d'image, veuillez le trouver vous-🎜>

cursor:url('1.jpg'),pointer 1.jpg ici devrait être le même que ; Le fichier html actuel est dans le répertoire de même niveau, et un pointeur est nécessaire. Il s'agit d'un plan de sauvegarde lorsque l'image personnalisée ne peut pas être appliquée. Ce serait une erreur de ne pas l'écrire dans ce test.

L'implémentation du CSS ci-dessus à l'aide de styles de curseur personnalisés_Escape tornado est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère également que tout le monde soutiendra le site Web PHP chinois.

Pour plus d'articles connexes sur des exemples de CSS utilisant des styles de curseur personnalisés pour réaliser une tornade souterraine, veuillez faire attention au site Web PHP chinois !

Étiquettes associées：
css 光标 遁地龙卷风
source：php.cn
Article précédent：Compréhension approfondie de (affichage, flotteur, position) en CSS Article suivant：Implémentation détaillée de la conception de l'interface du menu de navigation à commutation d'une seule page CSS3
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2205
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2353
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1970
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1857
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1920
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal