Galleri layouts | KR Hosting

3-Gallery-Title-Caption-Split-Reveal-on-Hover

fashion2

fashion1

fashion8

fashion7

fashion6

fashion5

fashion4

fashion3

Day 6 - Three Easy to Edit Image Hover Effects

Show text on hover

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230475" />

A walk in the clouds

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230476" />

Wonderful Waterfall

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230477" />

Aurora Borealis

Hide text on hover

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230478" />

The Blue Lagoon

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230479" />

Spectacular Sunrise

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230480" />

Image swap on hover

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-6.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230475" />

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-3.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230478" />

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-5.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230476" />

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-2.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230479" />

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent6-4.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230477" />

<img loading="lazy" decoding="async" width="980" height="640" src="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?lossy=1&strip=1&webp=1" alt="" title="" srcset="https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?size=216x141&lossy=1&strip=1&webp=1 216w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1-480x313.jpg?lossy=1&strip=1&webp=1 480w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?size=648x423&lossy=1&strip=1&webp=1 648w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?size=864x564&lossy=1&strip=1&webp=1 864w, https://b1260831.smushcdn.com/1260831/wp-content/uploads/2020/11/advent-6-1.jpg?lossy=1&strip=1&webp=1 980w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw" class="wp-image-230480" />