Modèle:PNJ/Animation : Différence entre versions

[version vérifiée][version non vérifiée]
(Page créée avec « <div style="position: relative; width: 7px; height: 7px; background: #7ae75d;"> <div style="position: absolute; top: 2px; left: 2px; width: 3px; height: 3px; background-co... »)
 
Ligne 1 : Ligne 1 :
 +
<div style="position: absolute; top: calc({{{y|0}}}/{{CarteCoord|1=y|2={{{Carte|}}}}}*100}}% + 0.5px); left: calc({{#expr:{{{x|}}}/{{CarteCoord|1=x|2={{{Carte|}}}}}*100}}% + 0.5px); transform: translate(-3px, -3px);">
 
<div style="position: relative; width: 7px; height: 7px; background: #7ae75d;">
 
<div style="position: relative; width: 7px; height: 7px; background: #7ae75d;">
 
<div style="position: absolute; top: 2px; left: 2px; width: 3px; height: 3px; background-color: #f80000; animation: pnj-square .1s infinite;"></div>
 
<div style="position: absolute; top: 2px; left: 2px; width: 3px; height: 3px; background-color: #f80000; animation: pnj-square .1s infinite;"></div>
 
<div style="position: absolute; width: 1px; height: 1px; top: -19px; left: -19px; transform: scale(1); border: 2px #984c48 solid; padding: 20px; border-radius: 100%; animation: pnj-circle 1s infinite;"></div>
 
<div style="position: absolute; width: 1px; height: 1px; top: -19px; left: -19px; transform: scale(1); border: 2px #984c48 solid; padding: 20px; border-radius: 100%; animation: pnj-circle 1s infinite;"></div>
 +
</div>
 
</div>
 
</div>

Version du 24 juin 2024 à 10:13

<div style="position: absolute; top: calc(0/0*100}}% + 0.5px); left: calc(Erreur d’expression : opérateur / inattendu.% + 0.5px); transform: translate(-3px, -3px);">