UNPKG
@vcl/vcl
Version:
latest (3.4.4)
next (2.0.0-beta.2)
3.4.4
3.4.0
3.3.0
3.2.1
3.2.0
3.0.0
2.5.0
2.4.0
2.3.5
2.3.4
2.3.3
2.3.1
2.3.0
2.2.2
2.2.1
2.2.0
2.1.17
2.1.16
2.1.15
2.1.14
2.1.13
2.1.12
2.1.11
2.1.10
2.1.9
2.1.8
2.1.7
2.1.6
2.1.3
2.1.2
2.1.1
2.1.0
2.0.0
2.0.0-beta.2
2.0.0-beta.1
2.0.0-alpha.6
2.0.0-alpha.5
2.0.0-alpha.4
2.0.0-alpha.3
2.0.0-alpha.2
2.0.0-alpha.1
1.1.2
1.1.1
1.1.0
1.0.0
1.0.0-beta.5
1.0.0-beta.4
1.0.0-beta.3
1.0.0-beta.2
1.0.0-beta.1
1.0.0-alpha.9
1.0.0-alpha.8
1.0.0-alpha.7
1.0.0-alpha.5
1.0.0-alpha.4
1.0.0-alpha.3
1.0.0-alpha.2
0.7.0-alpha.4
0.7.0-alpha.3
0.7.0-alpha.2
0.7.0-alpha.1
0.6.3
0.6.2
0.6.1
0.6.0-6
0.6.0-5
0.6.0-4
0.6.0-3
0.6.0-2
0.6.0-1
0.4.0-0
The whole VCL in one package
@vcl/vcl
/
effects
/
demo
/
example.html
5 lines
(4 loc)
•
229 B
HTML
View Raw
1
2
3
4
5
<div
class
=
"container"
class
=
"col center relative"
>
<
div
class
=
"layout-fit col center justify-center"
style
=
"z-index: 1;"
>
Overlay over blurred image
</
div
>
<
img
class
=
"effect--blur"
src
=
"https://picsum.photos/150/150"
>
</
div
>