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.
Css3 JavaScript div cylinder

grimofdoom
***
- Reputation : 2
Registered on : 2012-06-05
Posts : 42
#1 - Posted on Sat Jun 09, 2012 12:15 am

Niko
- Administrator
- Reputation : 319
Registered on : 2012-02-22
Posts : 2366
School of codes courses: coming soon
Hello,
can you explain your problem better?
Thanks
can you explain your problem better?
Thanks


Niko wants you in the team Guest
Community manager and Administrator at Forumattivo.com
#2 - Posted on Sat Jun 09, 2012 8:06 pm

drogba921
I'm a new member :)
- Reputation : 0
Registered on : 2012-03-26
Posts : 8
- 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); }
#3 - Posted on Sun Jun 10, 2012 2:55 pm

Niko
- Administrator
- Reputation : 319
Registered on : 2012-02-22
Posts : 2366
School of codes courses: coming soon
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

Niko wants you in the team Guest
Community manager and Administrator at Forumattivo.com
#4 - Posted on Wed Aug 01, 2012 3:09 pm
|
|