diff --git a/content/collections/tags/glide.md b/content/collections/tags/glide.md index 521afee5a..2db6540a7 100644 --- a/content/collections/tags/glide.md +++ b/content/collections/tags/glide.md @@ -432,6 +432,27 @@ _Note: All Glide generated images are cropped at their focal point, unless you d 'auto_crop' => true, ``` + +### focus_css + +You may use the [`focus_css`](/variables/focus_css) variable to get an asset's focal point in a format suitable for the `background-position` CSS property. + +::tabs + +::tab antlers +```antlers +{{ focus_css }} +``` +::tab blade +```blade +{{ $focus_css }} +``` +:: + +```html +50% 30% +``` + ## Unsupported formats Glide will resize whatever images it supports, like jpgs or pngs. If you pass an unsupported type to Glide, like an svg, it'll just return the unmodified URL.