Polygoner

Träd av polygoner Skiss hexagon

Lista

  1. Triangel
  2. Kvadrat
  3. Pentagon
  4. Hexagon
  5. Heptagon
  6. Octagon
  7. Nonagon
  8. Decagon
Hextris

Spel

Sånger

Kulturhistoriskt minnesmärke skyddat enligt lag

Märken

  • Kulturhistoriskt minnesmärke
Bin som gör honung Olika typer av polygoner Es lint logotyp Webpack logotyp TensorFlow logotyp TensorFlow logotyp Cyanogen mod Hexo logotyp Pyragon

Externa länkar

Sexkantsnyckel Pentagon Enhörning - Unicorn

Kuriosa

BeoSound Shape

Exempel 1 med CSS

.border-hexagon { background: rgba(0,0,0,.1); height: 100px; width: 173.2px; position: relative; margin: 100px auto; } .border-hexagon:before, .border-hexagon:after { content: ""; position: absolute; left: 0; border-left: 86.6px solid transparent; border-right: 86.6px solid transparent; } .border-hexagon:before { top: -100px; border-top: 50px solid transparent; border-bottom: 50px solid rgba(0,0,0,.1); } .border-hexagon:after { bottom: -100px; border-top: 50px solid rgba(0,0,0,.1); border-bottom: 50px solid transparent; }

Exempel 2 med CSS

.rotate-hexagon { position: relative; margin: 100px auto; } .rotate-hexagon, .rotate-hexagon:before, .rotate-hexagon:after { background: rgba(0,0,0,.1); height: 100px; width: 173.2px; } .rotate-hexagon:before, .rotate-hexagon:after { content: ""; position: absolute; top: 0; left: 0; } .rotate-hexagon:before { transform: rotate(60deg); } .rotate-hexagon:after { transform: rotate(-60deg); }

Exempel 3 med responsiv CSS

.responsive-rotate-hexagon { position: relative; margin: 57.7367205543% auto; } .responsive-rotate-hexagon, .responsive-rotate-hexagon:before, .responsive-rotate-hexagon:after { background: rgba(255,0,0,.3); padding-bottom: 57.7367205543%; width: 100%; } .responsive-rotate-hexagon:before, .responsive-rotate-hexagon:after { content: ""; position: absolute; top: 0; left: 0; } .responsive-rotate-hexagon:before { transform: rotate(60deg); } .responsive-rotate-hexagon:after { transform: rotate(-60deg); }