| CARVIEW |
Select Language
HTTP/2 200
date: Thu, 24 Jul 2025 22:05:52 GMT
content-type: text/html; charset=utf-8
cache-provider: CLOUDWAYS-CACHE-DE
x-frame-options: SAMEORIGIN
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-xss-protection: 1; mode=block
vary: Accept-Encoding
last-modified: Thu, 24 Jul 2025 12:14:28 GMT
cache-control: max-age=0, s-maxage=2592000
expires: Thu, 24 Jul 2025 20:40:32 GMT
age: 5118
x-cache: HIT
cf-cache-status: DYNAMIC
set-cookie: __cf_bm=AzZFfeF7vRcmgFIN19.safjKMhjpFQsDXGaCYwurNXk-1753394752-1.0.1.1-26ZxE1mFuhVmy3mcujHACbzrkcfzC9sxCwz2KfNQ8ReVQZS8rnTbvmcqNnd_4Tcn6o4XNX6.6UrIhv48n1kIqt1bNWmp3TiacKGPe8p_RCY; path=/; expires=Thu, 24-Jul-25 22:35:52 GMT; domain=.css-tricks.com; HttpOnly; Secure; SameSite=None
server: cloudflare
cf-ray: 9646b8ab6965c7cf-BLR
content-encoding: gzip
E | CSS-Tricks
Skip to main content
env()
env()
The CSS env() function replaces environment variables into CSS. To be more precise, it is a way to insert user-agent-defined variables into your stylesheet.
.element { bottom: env(safe-area-inset-bottom, 0px); }
ellipse()
ellipse()
The CSS ellipse() function allows you to create ellipses when used with the shape-outside, clip-path, and offset-path properties.
.shape { clip-path: ellipse(60px 40px); }