This should scroll horizontally Basic features Nice-to-haves Bells and whistles Basic features Nice-to-haves Bells and...Horizontally scrollable columns - Read more
Image block
Donec pede justo, fringilla vel, aliquet nec, vulputate eget,...Standard WP blocks - Read more
Grayscale Blur Sepia Saturate Opacity Brightness Contrast Hue Invert Filters on mouse over Grayscale Blur Sepia Saturate Opacity Brightness Contrast Hue Invert Filter combinations - some examples Grayscale, blur...Image filters - Read more
No borders Throughout history, humans have been interacting with the...Columns – different border settings - Read more
Sizes Box size vs icon size Hover effect Triggered on icon only Each...Icon block - Read more
Image block
Advertisement
Open the link
Hover effect: default
Fancy border: as in customizer
Fancy border: yes
Fancy border: no
Not linked image with hover effect
Hover effect: zoom in
Fancy border: as in customizer
Fancy border: yes
Fancy border: no
Not linked image with hover effect
Hover effect: zoom out
Fancy border: as in customizer
Fancy border: yes
Fancy border: no
Not linked image with hover effect
Hover effect: light up & zoom in
Fancy border: as in customizer
Fancy border: yes
Fancy border: no
Not linked image with hover effect
Hover effect: shine
Fancy border: as in customizer
Fancy border: yes
Fancy border: no
Not linked image with hover effect
Hover effect: shine 2
Fancy border: as in customizer
Fancy border: yes
Fancy border: no
Not linked image with hover effect
Now, the borders and margin
Simple 1px border with default color and no spacing. Mobile position: default
Simple 1px border with default color and no spacing – round image. Mobile position: right
Custom border color and thickness with some spacing. Mobile position: center
Custom border color and thickness with some spacing – round image. Mobile position: left
And yet, the shadows
One shadow since the beginning, and a different one on mouse over
Default shadow initially and no shadow on mouse over
No shadow initially, some shadow on hover
Always the same shadow
Image lightbox link
Video lightbox link
Linked image hover effect
From customizer
Image filter
The following image has a different margin on mobile than on desktop:
Hey!
This image is linked and the link should open a lightbox when clicked:
Rate this article
Advertisement
Related posts
Gallery block – many pictures
Test:Gallery block
Gallery block is meant to present image galleries This block has many layouts to choose...
Image block moving with mouse pointer (parallax effect)
Image block with custom side margin
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean...Image with overlay
Color overlay Image overlay Image and color overlay Gradient overlayImage filters
Grayscale Blur Sepia Saturate Opacity Brightness Contrast Hue Invert Filters on mouse over Grayscale Blur Sepia Saturate Opacity Brightness Contrast Hue Invert Filter combinations - some examples Grayscale, blur and opacity Brightness and contrast Sepia, brightness...Latest posts
A new post
New post for testingShortcodes: tooltip, highlight
Highlight Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget...Full width columns test
