Can css do 3d fonts? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Can css do 3d fonts?

19th Sep 2016, 11:13 AM
Rahul Rajabhoj
Rahul Rajabhoj - avatar
6 Answers
+ 1
There are some tricks you can use by manipulating font shadows and position, see the links, however is with limited result https://css-tricks.com/3d-text-tower/ http://www.cssrex.com/tips-tricks/how-to-create-3d-text-using-css3/ http://pgwebdesign.net/blog/3d-css-shadow-text-tutorial
19th Sep 2016, 1:13 PM
Krasimir Vatchinsky
Krasimir Vatchinsky - avatar
+ 1
how mansi verma?
20th Sep 2016, 12:02 AM
Rahul Rajabhoj
Rahul Rajabhoj - avatar
+ 1
but that's the concept of text shadows... i just wondered if there is any direct method of 3d fonts
20th Sep 2016, 12:26 AM
Rahul Rajabhoj
Rahul Rajabhoj - avatar
0
you can make it by using multiple text shadows
19th Sep 2016, 1:53 PM
Fabricio Bertani
Fabricio Bertani - avatar
0
yes.
19th Sep 2016, 10:53 PM
Mansi Verma
Mansi Verma - avatar
- 1
here is an example code : h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); }
20th Sep 2016, 12:23 AM
Mansi Verma
Mansi Verma - avatar