The focal point of the asset, defaulting to center (50-50
).
{{ focus }}
{{ $focus }}
50-30
You may want to use this in CSS with either the background_position modifier, or just by using the focus_css variable.
background-position: {{ focus | background_position }};background-position: {{ focus_css }};
background-position: {{ Statamic::modify($focus)->backgroundPosition() }};background-position: {{ $focus_css }};
background-position: 50% 30%;background-position: 50% 30%;