1
Border radius
Detecte les changements d'arrondi de coins, y compris les valeurs individuelles par coin et les rayons en pourcentage.
25 cas de test
Bordures & Ombres
Les bordures et ombres definissent les limites visuelles de vos elements d'interface. Elles creent de la profondeur, de la separation et de la hierarchie. Delta-QA detecte chaque modification de ces proprietes, des ajustements subtils de rayon aux refontes completes d'ombres.
Ce que nous detectons
2
Box shadow
Capture les modifications de decalage, flou, dispersion et couleur des ombres, y compris les ombres multicouches.
3
Outline
Surveille les changements de outline-style, outline-color, outline-width et outline-offset pour les indicateurs de focus.
4
Style & epaisseur de bordure
Detecte les changements entre bordures solid, dashed, dotted, double et les variations d'epaisseur sur chaque cote.
5
Couleur de bordure
Identifie les changements de couleur sur chaque cote de bordure, y compris les valeurs transparentes et heritees.
Exemple interactif
Voyez exactement ce que Delta-QA détecte. Comparez les deux versions côte à côte.
Avant
Apres
Scénarios concrets
🎯
Le border-radius qui rend les cartes carrées
Un développeur ajoute un reset CSS sur un composant partagé et écrase le border-radius de toutes les cartes du site. Du jour au lendemain, vos cartes à coins arrondis deviennent carrées — le site passe d'une ambiance « moderne et chaleureuse » à « rigide et austère ». Personne n'a le temps de vérifier 200 écrans à chaque mise en prod. Delta-QA compare les captures d'écran et met en évidence les coins passés d'arrondis à carrés sur chaque carte — la différence de forme ressort clairement dans la superposition.
⚠️
La bordure qui apparaît en double
Un développeur ajoute une bordure sur le conteneur d'un tableau sans gérer la propriété border-collapse. Résultat : des doubles bordures apparaissent à certains endroits — les lignes semblent plus épaisses de manière irrégulière. Le tableau paraît « cassé » et peu professionnel. En staging ça passait, mais la feuille de style de prod charge dans un ordre différent et le bug apparaît. Delta-QA compare les captures d'écran et met en évidence les lignes plus épaisses — chaque double bordure ressort dans le diff.
💡
L'ombre portée qui disparaît
Un développeur « nettoie » le CSS et supprime un box-shadow qu'il considère inutile. Les boutons d'action principaux perdent leur ombre portée et deviennent plats — ils se confondent avec l'arrière-plan. Visuellement, les boutons sont moins saillants et vos visiteurs les repèrent moins. Le changement semblait anodin — supprimer une ombre — on l'a mergé sans review visuelle. Delta-QA compare les captures d'écran et détecte la disparition de l'ombre — les boutons devenus plats ressortent dans le diff visuel.
Pret a detecter chaque regression visuelle ?
Telechargez Delta-QA et detectez les changements CSS dans vos pages web — sans code.