Skip to main content

Overlay Bileşeni

Herhangi relative bir kapsayıcının içinde opak bir kapsayıcı yapmanıza yarar.

Önceden hazırlanmış Overlay bileşeninin nasıl kullanıldığına dair örnekler bulabilirsiniz.


Overlay Değerleri#

.overlay-primary#

.overlay-primary
v5
<div src="overlay-primary">content</div>

.overlay-secondary#

.overlay-secondary
v5
<div src="overlay-secondary">content</div>

.overlay-white#

.overlay-white
v5
<div src="overlay-white">content</div>

.overlay-black#

.overlay-black
v5
<div src="overlay-black">content</div>

.overlay-success#

.overlay-success
v5
<div src="overlay-success">content</div>

.overlay-info#

.overlay-info
v5
<div src="overlay-info">content</div>

.overlay-warning#

.overlay-warning
v5
<div src="overlay-warning">content</div>

.overlay-danger#

.overlay-danger
v5
<div src="overlay-danger">content</div>

.overlay-gray#

.overlay-gray
v5
<div src="overlay-gray">content</div>

.overlay-light#

.overlay-light
v5
<div src="overlay-light">content</div>

.overlay-dark#

.overlay-dark
v5
<div src="overlay-dark">content</div>