Css3 JavaScript div cylinder

**grimofdoom** · #1 - Posted on Sat Jun 09, 2012 12:15 am

I am not very good at css3 or JavaScript. Can some one give me a source code of how to make a cylinder with a div. Or tell show me how to make a div into 3d cylindrical shape.

**Niko** · #2 - Posted on Sat Jun 09, 2012 8:06 pm

Hello,

can you explain your problem better?
Thanks :bene:

**drogba921** · #3 - Posted on Sun Jun 10, 2012 2:55 pm

Code:: #cylinder div{ border: 5px solid blue; -webkit-border-radius: 100px; height: 100px; width: 100px; position: absolute; top: 0; left: 0; } #cylinder .slice-2{ -webkit-transform: translateZ(2px); } #cylinder .slice-3{ -webkit-transform: translateZ(3px); } #cylinder .slice-4{ -webkit-transform: translateZ(4px); } #cylinder .slice-5{ -webkit-transform: translateZ(5px); } #cylinder .slice-6{ -webkit-transform: translateZ(6px); } #cylinder .slice-7{ -webkit-transform: translateZ(7px); } #cylinder .slice-8{ -webkit-transform: translateZ(8px); } #cylinder .slice-9{ -webkit-transform: translateZ(9px); }

**Niko** · #4 - Posted on Wed Aug 01, 2012 3:09 pm

Hello,

As anyone replied to this topic after 15 days from the latest comment's date, the problem is considered solved or abandonated.

This topic is locked, thanks for the opening of another topic, of course be care of Respecting the rules. You can ask to open this topic sending me a Private message.

See you on FMcodes

Note: If you need an answer of your problem, we suggest you to send a private message to a Moderator asking him to move this topic back