My imagination are strong enough for me to hold on.
Hello 2017

#Tutorial: 3D Text
Saturday 21 May 2016 @ 03:37


大家安好
小编刚刚找到这个教程,超级酷的
是从7th District找来的
现在小编教大家设计3D效果的字
什么是3D效果的字呢?
就是这个啦
超级简单哦


步骤
如果你想要把这样的效果放在你的header的话
1.开你的模板
2.Ctrl+F(Command+F用Mac的)找header
3.把这些代码代替你的header code
(i)没有hover效果的
#header{
text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
color:#000;
}
(ii)有hover效果的
#header{
text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
color:#000;
}
#header:hover{
text-shadow: 15px 0 .2px #FF0000, -15px 0 .2px #00F1F5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

4.save起来看看, 成功的话你就会看到3D效果的字在你的header哦


大家都可以发挥自己的创意去改颜色哦
只是这种颜色会比较有3D的感觉啦 ^-^
希望大家会喜欢哦


Labels: