diff --git a/content/collections/tags/glide.md b/content/collections/tags/glide.md index 521afee5a..7ce9987fe 100644 --- a/content/collections/tags/glide.md +++ b/content/collections/tags/glide.md @@ -432,6 +432,26 @@ _Note: All Glide generated images are cropped at their focal point, unless you d 'auto_crop' => true, ``` + +### focus_css +The focal point of the asset, in a format suitable for the background-position CSS property, if one has been set. + +::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.