DESAIN WEB

Topik 7
BACKGROUND

Arwin Halim, M.Kom.

Sub-topik
- Background
Pemanfaatannya pada web
- Properti Layout CSS
Properti background-color
Properti background-image
Properti background-repeat
Properti background-position
Kombinasi background
- Gradien

BACKGROUND
Background

BACKGROUND
Background

BACKGROUND
Background

BACKGROUND
Background

BACKGROUND
Background
CSS

BACKGROUND
Properti Background-color
Properti CSS untuk mengubah warna latar belakang

BACKGROUND
Cont
Pengisian value dari background:
Nilai heksa
Nilai rgb
Nilai rgba
Nilai hsl
Nilai hsla

BACKGROUND
HSL Value
Hue, Saturation, Lightness

BACKGROUND
Properti Background-image
Properti CSS untuk menambahkan gambar pada latar belakang

BACKGROUND
Properti Background-repeat
Properti CSS untuk mengatur perulangan gambar pada latar belakang

BACKGROUND
Properti Background-position
Properti CSS untuk menentukan posisi gambar pada latar belakang

BACKGROUND
Properti Background
Penulisan singkat untuk properti background

BACKGROUND
Kombinasi Background
Latar belakang dapat dibentuk dari beberapa gambar sekaligus

BACKGROUND
Gradien
Menghilangkan impresi warna yang terlalu besar dan memberi efek transisi
Gradien: linear dan radial

BACKGROUND
Linear Gradien
Value CSS untuk membuat linear gradien

BACKGROUND
Cont

BACKGROUND
Radial Gradien
Value CSS untuk membuat radial gradien

BACKGROUND
Diskusi

> Next: UTS

BACKGROUND