Polygoner
Specialtecken
- ▲
- △
- ▶
- ▷
- ▼
- ▽
- ◀
- ◁
- ■
- □
- ◆
- ◇
- ⬟
- ⬠
- ⬣
- ⎔
- ⬢
- ⬡
- ⌬
- ⏣
Ramverk
Sånger
- Min hatt?
Märken
- Kulturhistoriskt minnesmärke
- ASTHMA ALLERGY NORDIC
Valuta
- NFT
Spel
- Ingress
- Hextris
Dating
Program
- Zotero
- CD
Applikationer
- 9GAG
- aPak
- BEELINE
- Bumble
- ChatGPT
- deliveroo
- Ingress
- rekordbox
- Stay focused
- Swedavia.se Arlanda
- Sökmotorn
- Supertext
- Khan academy
Programmeringsspråk
Ramverk
Tjänst
Företag
- BIALETTI
- BRÖDERNA FLYTT
- CELLIMPACT
- Cubsec
- Dustin
- Epiroc
- FAK
- GÅRDA KONFERENS
- HAMMARS BRYGGERI
- HAVI
- Hexatronic
- IRONSIDE
- KIKKOMAN
- KISTA GALLERIA
- KOCKUMS
- Lindahl
- Loopia
- MG
- Nordace
- Bostadsrätterna
- STIGA
- TDK
- Team treehouse
- Thermotech
- Trivec
- Vibram
- Nomeko
- OpenAI
- PIAGGIO
- picard
- Profitroom
- PROTERRA
- Xenit
- XLMOTO
Protokoll
Hotell
Restauranger
Affärer
Förbund
Öl
Motsats
Länkar
Pokémon
- Porygon (
Pyragon)
Externa länkar
- http://shariarbd.com/2014/07/create-css3-hexagon/
- http://shariarbd.com/demo/css3-hexagon-buttons/
- Trixel.io
- https://css-tricks.com/the-shapes-of-css/
Kuriosa
Produkter
- Tigerbalsam 🛒
Pennor
Skolor
Stig Lindberg (-)
Stig Lindberg var en svensk multikonstnär, formgivare och illustratör född den i Umeå och avled den i San Felice Circeo, Italien. Efter sina studier vid Tekniska skolan i Stockholm (nuvarande Konstfack) så arbetade han merparten av sitt liv vid Gustavsbergs Porslinsfabrik.
År , vid endast 21 års ålder, fick Lindberg sin första anställning vid Gustavsbergs porslinsfabrik. Han anställdes som assistent till Wilhelm Kåge, den dåvarande konstnärliga ledaren. Kåge hade redan då en etablerad position inom formgivning och var en av de mest inflytelserika svenska keramikerna. Under sin tid som assistent till Kåge fick Lindberg möjlighet att lära sig och förfina sina tekniska färdigheter inom keramisk formgivning. Han utforskade olika stilar och uttryckssätt och utvecklade gradvis sin egen unika stil.
När Kåge gick i pension år övertog Stig Lindberg rollen som konstnärlig ledare vid Gustavsberg. Som konstnärlig ledare förnyade Lindberg Gustavsbergs formgivning och förlade fokus från traditionell och formell design till mer moderna och experimentella uttryck. Han blev känd och framgångsrik för sin nyskapande stil, och hans alster visade ofta en kombination av modernistiska inslag, lekfullhet och humor.
"Domino"-mönstret introducerades på 1950-talet och kännetecknas av geometriska former och mönster i olika färger och storlekar. Det består vanligtvis av kvadrater eller rektanglar som är placerade bredvid varandra i en upprepande mönsterstruktur. Färgpaletten varierar, men vanligtvis används starka kontrasterande färger som svart och vit även om det finns andra färgsättningar.
Liknande namn
- Gorgoner
- Polystyren
- Polysackarid
- Polymer
- Polyfoni
- Polygraf
- Polygami
Plast
- ♳Polyetylentereftalat (PET)
- ♵Polyvinylklorid (PVC)
- ♷Polypropylen (PP)
- ♸Polystyren (PS)
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;
}
Syns endast i ljust läge
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);
}
Syns endast i ljust läge
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);
}
Bra exempel