Futuristic and organic button styles with hover effect. In orange and blue for the cpc-orange-blue challenge. Uses the backdrop-filter effect for a sli...

<div><p>Futuristic and organic button styles with hover effect.
In orange and blue for the cpc-orange-blue challenge.
Uses the backdrop-filter effect for a slight frosty glass effect.
CSS via Sass as preprocessor, HTML via Pug. No Javascript in use.
You are free to use it, but I don't recommend to use this in production without revision and testing :)</p>

<p>Image: <a href="https://www.pexels.com/photo/mountain-photo-during-nighttime-2086917/" target="_blank">https://www.pexels.com/photo/mountain-photo-during-nighttime-2086917/</a></p></div>

jouanmarcel

Futuristic Button Styles (Fire & Ice)

Skeuomorphism was used on the earlier iPhones and was made popular by it as well for UI design. It got mostly deprecated by flat design, as skeuomorphi...

<div><p>Skeuomorphism was used on the earlier iPhones and was made popular by it as well for UI design. It got mostly deprecated by flat design, as skeuomorphic elements are harder to create, maintain and scale across different platforms. You will notice, that the style doesn't work out nicely when you change a single color like the background. Play with it, learn what happens and how it is done, but I would not recommend to use it on your website / app. It's 2020 anyway and skeuomorphism is still out, otherwise you should at least wait a couple of years til it's considered vintage, retro and trendy again 💁</p>

<p>Designed for: <a href="https://rgb.wiki/button" target="_blank">https://rgb.wiki/button</a></p>

<p>WiFi icon from typicons: <a href="https://github.com/stephenhutchings/typicons.font" target="_blank">https://github.com/stephenhutchings/typicons.font</a></p></div>

All the buttons from jouanmarcel