Open-Design Workshop

Framapad ContraintSystem Dithering it DooDav SpaceTypeGenerator Synthétiseur p5.js Argadigor Dégradé CSS

text-align:left

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

text-align: center

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

text-align: right

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

line-height:10px

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

line-height:25px

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

line-height:50px

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

color:red

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

color:#00FF00

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

background-color: blue

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

text-decoration: underline

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

text-decoration:line-through

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

text-decoration:underline;
text-decoration-style: dashed;

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

font-family:serif;

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

font-size:52px;

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

font-weight: 100;

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

background: linear-gradient(0deg,#76f8ac 50%, #eddd53 100%);

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

box-shadow: 10px 5px 5px red;

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

text-shadow: 0px 0px 5px red;

OPEN-DESIGN
OPEN-DESIGN
OPEN-DESIGN

Image de base

filter: blur(5px)

filter: grayscale(80%)

filter: hue-rotate(90deg);

filter: contrast(300%);

filter: invert(100%);

background: linear-gradient(90deg,#833ab4 0%, #fd1d1d 50%, #fcb045 100%);

background: radial-gradient(circle,#3f5efb 0%, #fc466b 100%);

background: linear-gradient(0deg,#020024 0%, #090979 35%, #00d4ff 100%);