blog.cavelab.dev/2021/05/dominant-color-backgrounds

Preview meta tags from the blog.cavelab.dev website.

Linked Hostnames

4

Thumbnail

Search Engine Appearance

Google

https://blog.cavelab.dev/2021/05/dominant-color-backgrounds

Dominant color background on cover images — with Hugo

I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete. For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂 Here is how I did it. 👇



Bing

Dominant color background on cover images — with Hugo

https://blog.cavelab.dev/2021/05/dominant-color-backgrounds

I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete. For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂 Here is how I did it. 👇



DuckDuckGo

https://blog.cavelab.dev/2021/05/dominant-color-backgrounds

Dominant color background on cover images — with Hugo

I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete. For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂 Here is how I did it. 👇

  • General Meta Tags

    13
    • title
      Dominant color background on cover images — with Hugo :: Cavelab blog — Stories from the Cavelab
    • content-type
      text/html; charset=utf-8
    • viewport
      width=device-width, initial-scale=1.0
    • description
      I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete. For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂 Here is how I did it. 👇
    • keywords
      linux, homelab, electronics

  • Open Graph Meta Tags

    7
    • og:url
      https://blog.cavelab.dev/2021/05/dominant-color-backgrounds/
    • og:site_name
      Cavelab blog
    • og:title
      Dominant color background on cover images — with Hugo
    • og:description
      I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete. For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂 Here is how I did it. 👇
    • og:locale
      en

  • Twitter Meta Tags

    4
    • twitter:card
      summary_large_image
    • twitter:image
      https://blog.cavelab.dev/2021/05/dominant-color-backgrounds/cover.png
    • twitter:title
      Dominant color background on cover images — with Hugo
    • twitter:description
      I recently added a CSS background color to my cover images, using the dominant color from the cover image itself. It is a nice effect, and gives the appearance of faster load time — should the image take some time to complete. For my transparent cover images; I made the background very opaque, providing a soft touch of color. I think it looks nice 🙂 Here is how I did it. 👇

  • Link Tags

    8
    • apple-touch-icon
      https://blog.cavelab.dev/img/apple-touch-icon-144.png
    • canonical
      https://blog.cavelab.dev/2021/05/dominant-color-backgrounds/
    • pingback
      https://webmention.io/blog.cavelab.dev/xmlrpc
    • preload
      /fonts/Inter-Regular.woff2
    • preload
      /fonts/Inter-Bold.woff2

Links

27