@media (max-width:512px. .spec-example{margin:50px 0;display:flex;justify-content:space-between;gap:2.5rem}.spec- example__fixed,. spec-example__static{flex:1;border:20px solid #fff;height:30rem;background-image:linear- gradient(to bottom,#000 20%,#3c5e6d 35%,#f4310e,#f58308 80%,#000)}.frame--leak .specular{z-index:0;mix-blend-mode:color-dodge; background-color
Table of contents
What is a CSS 'shader'? permalinkSimulating specularity . permalinkKnow your blend modes . permalinkCompositing layers . permalinkThe final shader . permalinkTaking it further . permalinkWrapping up . permalinkImage credits . permalink6 Comments
Sort: