Créer un triangle transparent avec une bordure à l'aide de CSS
Question :
Comment pouvons-nous créer un triangle transparent avec une bordure noire en utilisant CSS, à l'exclusion des vecteurs SVG ?
Réponse :
Solution WebKit uniquement :
Une approche exclusive à WebKit consiste à utiliser le caractère ▲ :
.triangle {
-webkit-text-stroke : 12px noir;
couleur : transparent;
taille de police : 200px;
}
Cette méthode crée une forme de triangle à l'aide de la propriété -webkit-text-stroke spécifique à WebKit, qui décrit le texte avec un trait de la couleur et de l'épaisseur spécifiées. Le texte lui-même est défini sur transparent, ce qui rend le triangle effectivement transparent.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Solution au problème selon lequel le logiciel de téléchargement Win10 ne peut pas être installé
Comment résoudre le problème de l'impossibilité d'ouvrir la partition du disque dur
utilisation de l'instruction de mise à jour
Nom de domaine de site Web gratuit
Supprimer les tables redondantes dans le tableau
Que signifie le wifi désactivé ?
Comment optimiser une seule page
Quelles sont les méthodes pour changer instantanément l'IP dans les vps dynamiques ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
