Sniffing Out the CSS Olfactive API | Endigest
CSS-Tricks
Get the latest tech trends every morning
Receive daily AI-curated summaries of engineering articles from top tech companies worldwide.
The CSS Olfactive API enables web experiences with olfactory elements through HTML scent elements and CSS scent-profile properties.
- •15 fragrance categories organized in four families (Floral, Amber, Woody, Fresh) follow perfume industry standards
- •Implementation uses HTML <scent> elements with file format options (.smll, .arma, .smly) similar to video/audio elements
- •Scent profiles defined using the scent() function combine up to 5 fragrance sub-families with whf units for potency control
- •Browser restrictions limit one scent-profile per parent element subtree to prevent overwhelming conflicting scents
- •Accessibility via prefers-reduced-pungency media query allows reducing or removing scent effects
•
KaiOS Browser currently supports the feature; major browsers not yet implementing experimental support
This summary was automatically generated by AI based on the original article and may not be fully accurate.
Google