css实现三维3d立体文字效果代码
代码语言:html
所属分类:布局界面
代码描述:css实现三维3d立体文字效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> h1,h2 { margin: 0; line-height: 1; font-weight: 400 } h1 { color: #ff1a1a; font-size: 5em; text-shadow: -0.8191520405px 0 0 #00334d,0px -0.5735764357px 0 #0099e6,-1.6383040811px -0.5735764357px 0 #00334d,-0.8191520405px -1.1471528715px 0 #0099e6,-2.4574561216px -1.1471528715px 0 #00334d,-1.6383040811px -1.7207293072px 0 #0099e6,-3.2766081622px -1.7207293072px 0 #00334d,-2.4574561216px -2.294305743px 0 #0099e6,-4.0957602027px -2.294305743px 0 #00334d,-3.2766081622px -2.8678821787px 0 #0099e6,-4.9149122433px -2.8678821787px 0 #00334d,-4.0957602027px -3.4414586144px 0 #0099e6,-5.7340642838px -3.4414586144px 0 #00334d,-4.9149122433px -4.0150350502px 0 #0099e6,-6.5532163244px -4.0150350502px 0 #00334d,-5.7340642838px -4.5886114859px 0 #0099e6,-7.3723683649px -4.5886114859px 0 #00334d,-6.5532163244px -5.1621879217px 0 #0099e6,-8.1915204055px -5.1621879217px 0 #00334d,-7.3723683649px -5.7357643574px 0 #0099e6,-9.010672446px -5.7357643574px 0 #00334d,-8.1915204055px -6.3093407931px 0 #0099e6,-9.8298244866px -6.3093407931px 0 #00334d,-9.010672446px -6.8829172289px 0 #0099e6,-10.6489765271px -6.8829172289px 0 #00334d,-9.8298244866px -7.4564936646px 0 #0099e6,-11.4681285676px -7.4564936646px 0 #00334d,-10.6489765271px -8.0300701004px 0 #0099e6,-12.2872806082px -8.0300701004px 0 #00334d,-11.4681285676px -8.6036465361px 0 #0099e6,-13.1064326487px -8.6036465361px 0 #00334d,-12.2872806082px -9.1772229718px 0 #0099e6,-13.9255846893px -9.1772229718px 0 #00334d,-13.1064326487px -9.7507994076px 0 #0099e6,-14.7447367298px -9.7507994076px 0 #00334d,-13.9255846893px -10.3243758433px 0 #0099e6,-15.5638887704px -10.3243758433px 0 #00334d,-14.7447367298px -10.897952279px 0 #0099e6,-16.3830408109px -10.897952279px 0 #00334d,-15.5638887704px -11.4715287148px 0 #0099e6,-17.2021928515px -11.4715287148px 0 #00334d,-16.3830408109px -12.0451051505px 0 #0099e6,-18.021344892px -12.0451051505px 0 #00334d,-17.2021928515px -12.6186815863px 0 #0099e6,-18.8404969326px -12.6186815863px 0 #00334d,-18.021344892px -13.192258022px 0 #0099e6,-19.6596489731px -13.192258022px 0 #00334d,-18.8404969326px -13.7658344577px 0 #0099e6,-20.4788010137px -13.7658344577px 0 #00334d,-19.6596489731px -14.3394108935px 0 #0099e6,-21.2979530542px -14.3394108935px 0 #00334d,-20.4788010137px -14.9129873292px 0 #0099e6,-22.1171050947px -14.9129873292px 0 #00334d,-21.2979530542px -15.486563765px 0 #0099e6,-22.9362571353px -15.486563765px 0 #00334d,-22.1171050947px -16.0601402007px 0 #0099e6,-23.7554091758px -16.0601402007px 0 #00334d,-22.9362571353px -16.6337166364px 0 #0099e6,-24.5745612164px -16.6337166364px 0 #00334d,-23.7554091758px -17.2072930722px 0 #0099e6,-25.3937132569px -17.2072930722px 0 #00334d,-24.5745612164px -17.7808695079px 0 #0099e6,-26.2128652975px -17.7808695079px 0 #00334d,-25.3937132569px -18.3544459437px 0 #0099e6,-27.032017338px -18.3544459437px 0 #00334d,-26.2128652975px -18.9280223794px 0 #0099e6,-27.8511693786px -18.9280223794px 0 #00334d,-27.032017338px -19.5015988151px 0 #0099e6,-28.6703214191px -19.5015988151px 0 #00334d,-27.8511693786px -20.0751752509px 0 #0099e6,-29.4894734597px -20.0751752509px 0 #00334d,-28.6703214191px -20.6487516866px 0 #0099e6,-30.3086255002px -20.6487516866px 0 #00334d,-29.4894734597px -21.2223281224px 0 #0099e6,-31.1277775407px -21.2223281224px 0 #00334d,-30.3086255002px -21.7959045581px 0 #0099e6,-31.9469295813px -21.7959045581px 0 #00334d,-31.1277775407px -22.3694809938px 0 #0099e6,-32.7660816218px -22.3694809938px 0 #00334d,-31.9469295813px -22.9430574296px 0 #0099e6,-33.5852336624px -22.9430574296px 0 #00334d,-32.7660816218px -23.5166338653px 0 #0099e6,-34.4043857029px -23.5166338653px 0 #00334d,-33.5852336624px -24.0902103011px 0 #0099e6,-35.2235377435px -24.0902103011px 0 #.........完整代码请登录后点击上方下载按钮下载查看
网友评论0