Comment puis-je faire un div avec des formes irrégulières avec le css3 et le html5?
Je me demandais est-il possible de construire des div avec des formes irrégulières, quelque chose de similaire à présent (par exemple, le Groenland, l'Europe, l'Afrique). Je veux créer des map comme ici avec l'aide de CSS3 et HTML5.
Voici le lien pour un exemple d'image:
OriginalL'auteur Rafath | 2012-08-26
Vous devez vous connecter pour publier un commentaire.
Éléments ont toujours été rectangulaires. Encore, vous pouvez simuler d'autres formes par le dessin CSS formes à l'intérieur de la forme rectangulaire de la division et par l'organisation de différentes divisions (avec z-index, etc.). Cela vous aidera à:
http://css-tricks.com/examples/ShapesOfCSS/
OriginalL'auteur
Ce que vous avez ici semble comme une grille, que vous pouvez obtenir avec de nombreux dégradés sur un div, soit avec une grille de nombreux divs sur lequel vous appliquez le CSS transforme (DÉMO).
HTML:
CSS:
Cela pourrait être l'une des choses les plus cool que j'ai encore rencontré. Good job!!!
C'est génial! Vous avez prévu quelque chose d'extraordinaire, Ana! Si je pouvais upvote vous 100 fois, je le ferais.
OriginalL'auteur
si vous voulez exacte des bords irréguliers à être faites,allez pour le code HTML de l'image des cartes(encore une meilleure solution que les css et le positionnement absolu) , essayez cette http://www.svennerberg.com/examples/imagemap_rollover/
OriginalL'auteur
Vous devriez être en mesure de créer votre carte sous la forme de carrés, avec tout ce que les éléments que vous choisissez, puis les envelopper le tout dans une div/span/whatever et d'effectuer un css3 3d transformer pour l'obtenir comment vous en avez besoin.
OriginalL'auteur