Login Register






Thread Rating:
  • 0 Vote(s) - 0 Average


Extruded container effect filter_list
Author
Message
Extruded container effect #1
A few weeks ago I was looking for a way to create a 3D, cube extruded-looking effect in place of a drop shadow or something similar, but found nothing and decided to create my own. It uses some basic CSS3 transformations to get the angled effect and a really cool tint function to "shade" the additional sides relative to the color of the container the effect applies to.

The source is available on GitHub here, and below is an example of the code in use.

The rest of the site (theme included) is a work in progress, don't pay attention to my shitty padding and buttons Tongue
[Image: U8QinZg.png]
It's often the outcasts, the iconoclasts ... those who have the least to lose because they
don't have much in the first place, who feel the new currents and ride them the farthest.

Reply

RE: Extruded container effect #2
(10-12-2017, 05:23 AM)Inori Wrote: A few weeks ago I was looking for a way to create a 3D, cube extruded-looking effect in place of a drop shadow or something similar, but found nothing and decided to create my own. It uses some basic CSS3 transformations to get the angled effect and a really cool tint function to "shade" the additional sides relative to the color of the container the effect applies to.

The source is available on GitHub here, and below is an example of the code in use.

The rest of the site (theme included) is a work in progress, don't pay attention to my shitty padding and buttons Tongue
[Image: U8QinZg.png]

That could be neat if you were developing some form of window manager. Windows being effectively slabs.

[+] 2 users Like phyrrus9's post
Reply

RE: Extruded container effect #3
This is interesting...I'd like to see a website totally designed in this style to see how it comes out. If it embraces it in the correct way it could probably look pretty good
[Image: pBD38Xq.png]
Email: insidious@protonmail.ch

Reply

RE: Extruded container effect #4
I would also be curious to see how this could develop. I used to hate minimalist styles since win8 came out.. but people are getting much more innovative with simpler designs imo.

Reply







Users browsing this thread: 2 Guest(s)