Modèle:Dallage

Fonctionnalité[modifier]

Permet d'afficher un dallage.

Paramètres[modifier]

type = forme des dalles (par default hexa)
nbX = nombre de dalle en largeur
nbY = nombre de dalle en hauteur
id = ID du dallage, nécessaire si le modèle est utilisé plusieurs fois sur la même page, dans ce cas mettre une valeur disctinte et sans espace.

Exemple A[modifier]

Code :

{{Dallage
|id=ExempleA
|nbX=12
|nbY=5
|size=50px
|background=red
}}

Rendu :

Exemple B[modifier]

Code :

{{Dallage
|id=ExempleB
|nbX=12
|nbY=5
|size=60px
|background=radial-gradient(transparent, teal)
}}

Rendu :

Exemple C[modifier]

Code :

{{Dallage
|id=ExempleC
|nbX=12
|nbY=5
|size=60px
|background=linear-gradient(125deg, teal, transparent, purple), linear-gradient(45deg, green, transparent, red) white
|transform=rotateX(75deg)
}}

Rendu :

Exemple D[modifier]

Code :

{{Dallage
|id=ExempleD
|nbX=12
|nbY=5
|size=40px
|transform=translateZ(350px) rotateX(75deg)
|mask=linear-gradient(transparent, #ffffff38, white)
|background=linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4), radial-gradient(white, teal)
}}

Rendu :

Exemple E[modifier]

Code :

{{Dallage
|id=ExempleE
|nbX=12
|nbY=20
|size=60px
|transform=rotateY(75deg)
|transform-origin=left center
|mask=radial-gradient(at left center, white 30%, #ffffff38, transparent 70%)
|background=linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4)
|background-hover=linear-gradient(35deg, teal, transparent, transparent, #aceaf4), linear-gradient(-35deg, teal, transparent, transparent, #aceaf4), linear-gradient(90deg, teal, transparent, transparent, transparent, transparent, transparent, #aceaf4), radial-gradient(#ffffffa1 50%, teal 70%)
|global-background=radial-gradient(#c7caca, teal, transparent 70%)
}}

Rendu :