m/onepager
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: smartin3.de — 3D text gradient from orange to blue

Browse Source
This commit is contained in:
m
2026-04-18 21:10:26 +02:00
parent b12b8e9068
commit 66166d979c
1 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
sites/smartin3.de/index.html
View File

@@ -122,35 +122,35 @@
}
.text3d-depth:nth-child(2) { transform: translateZ(-1px); color: rgb(249,115,22); }
.text3d-depth:nth-child(3) { transform: translateZ(-2px); color: rgb(241,111,21); }
.text3d-depth:nth-child(4) { transform: translateZ(-3px); color: rgb(233,107,20); }
.text3d-depth:nth-child(5) { transform: translateZ(-4px); color: rgb(226,104,20); }
.text3d-depth:nth-child(6) { transform: translateZ(-5px); color: rgb(218,100,19); }
.text3d-depth:nth-child(7) { transform: translateZ(-6px); color: rgb(211,96,18); }
.text3d-depth:nth-child(8) { transform: translateZ(-7px); color: rgb(203,93,18); }
.text3d-depth:nth-child(9) { transform: translateZ(-8px); color: rgb(195,89,17); }
.text3d-depth:nth-child(10) { transform: translateZ(-9px); color: rgb(188,86,17); }
.text3d-depth:nth-child(11) { transform: translateZ(-10px); color: rgb(180,82,16); }
.text3d-depth:nth-child(12) { transform: translateZ(-11px); color: rgb(173,78,15); }
.text3d-depth:nth-child(13) { transform: translateZ(-12px); color: rgb(165,75,15); }
.text3d-depth:nth-child(14) { transform: translateZ(-13px); color: rgb(157,71,14); }
.text3d-depth:nth-child(15) { transform: translateZ(-14px); color: rgb(150,67,13); }
.text3d-depth:nth-child(16) { transform: translateZ(-15px); color: rgb(142,64,13); }
.text3d-depth:nth-child(17) { transform: translateZ(-16px); color: rgb(135,60,12); }
.text3d-depth:nth-child(18) { transform: translateZ(-17px); color: rgb(127,57,12); }
.text3d-depth:nth-child(19) { transform: translateZ(-18px); color: rgb(120,53,11); }
.text3d-depth:nth-child(20) { transform: translateZ(-19px); color: rgb(112,49,10); }
.text3d-depth:nth-child(21) { transform: translateZ(-20px); color: rgb(104,46,10); }
.text3d-depth:nth-child(22) { transform: translateZ(-21px); color: rgb(97,42,9); }
.text3d-depth:nth-child(23) { transform: translateZ(-22px); color: rgb(89,38,8); }
.text3d-depth:nth-child(24) { transform: translateZ(-23px); color: rgb(82,35,8); }
.text3d-depth:nth-child(25) { transform: translateZ(-24px); color: rgb(74,31,7); }
.text3d-depth:nth-child(26) { transform: translateZ(-25px); color: rgb(66,28,7); }
.text3d-depth:nth-child(27) { transform: translateZ(-26px); color: rgb(59,24,6); }
.text3d-depth:nth-child(28) { transform: translateZ(-27px); color: rgb(51,20,5); }
.text3d-depth:nth-child(29) { transform: translateZ(-28px); color: rgb(44,17,5); }
.text3d-depth:nth-child(30) { transform: translateZ(-29px); color: rgb(36,13,4); }
.text3d-depth:nth-child(31) { transform: translateZ(-30px); color: rgb(29,10,4); }
.text3d-depth:nth-child(3) { transform: translateZ(-2px); color: rgb(242,117,29); }
.text3d-depth:nth-child(4) { transform: translateZ(-3px); color: rgb(235,120,37); }
.text3d-depth:nth-child(5) { transform: translateZ(-4px); color: rgb(229,122,45); }
.text3d-depth:nth-child(6) { transform: translateZ(-5px); color: rgb(222,125,53); }
.text3d-depth:nth-child(7) { transform: translateZ(-6px); color: rgb(215,127,60); }
.text3d-depth:nth-child(8) { transform: translateZ(-7px); color: rgb(209,130,68); }
.text3d-depth:nth-child(9) { transform: translateZ(-8px); color: rgb(202,132,76); }
.text3d-depth:nth-child(10) { transform: translateZ(-9px); color: rgb(195,135,84); }
.text3d-depth:nth-child(11) { transform: translateZ(-10px); color: rgb(189,137,92); }
.text3d-depth:nth-child(12) { transform: translateZ(-11px); color: rgb(182,140,99); }
.text3d-depth:nth-child(13) { transform: translateZ(-12px); color: rgb(175,143,107); }
.text3d-depth:nth-child(14) { transform: translateZ(-13px); color: rgb(169,145,115); }
.text3d-depth:nth-child(15) { transform: translateZ(-14px); color: rgb(162,148,123); }
.text3d-depth:nth-child(16) { transform: translateZ(-15px); color: rgb(155,150,131); }
.text3d-depth:nth-child(17) { transform: translateZ(-16px); color: rgb(149,153,138); }
.text3d-depth:nth-child(18) { transform: translateZ(-17px); color: rgb(142,155,146); }
.text3d-depth:nth-child(19) { transform: translateZ(-18px); color: rgb(135,158,154); }
.text3d-depth:nth-child(20) { transform: translateZ(-19px); color: rgb(129,160,162); }
.text3d-depth:nth-child(21) { transform: translateZ(-20px); color: rgb(122,163,170); }
.text3d-depth:nth-child(22) { transform: translateZ(-21px); color: rgb(115,166,177); }
.text3d-depth:nth-child(23) { transform: translateZ(-22px); color: rgb(109,168,185); }
.text3d-depth:nth-child(24) { transform: translateZ(-23px); color: rgb(102,171,193); }
.text3d-depth:nth-child(25) { transform: translateZ(-24px); color: rgb(95,173,201); }
.text3d-depth:nth-child(26) { transform: translateZ(-25px); color: rgb(89,176,209); }
.text3d-depth:nth-child(27) { transform: translateZ(-26px); color: rgb(82,178,216); }
.text3d-depth:nth-child(28) { transform: translateZ(-27px); color: rgb(75,181,224); }
.text3d-depth:nth-child(29) { transform: translateZ(-28px); color: rgb(69,183,232); }
.text3d-depth:nth-child(30) { transform: translateZ(-29px); color: rgb(62,186,240); }
.text3d-depth:nth-child(31) { transform: translateZ(-30px); color: rgb(56,189,248); }
@keyframes rotateText {
0% { transform: rotateX(-25deg) rotateY(0deg); }