css怎么设置图⽚卷⾓效果,CSS设计教程：轻松实现卷⾓效果我们将做成这样:
Step 1
我们将开始制作内容框的头部, 创建⼀个新图层命名为header, 然后设置前景⾊为#818283, 现在抓取⼀个矩形(262x27), 确保你设置
css怎么创建
为'填充像素'，然后创建⼀个形状.
Step 2
现在选择⾃定义形状⼯具(U)，选择如下形状，设定固定size为27x27px，新建⼀个图层，绘出⼀个⾃定义形状，旋转90度，调整位置使其与矩形相连并⽔平对齐.然后再ctrl+E合并这两个形状图层.
step 3
添加⼀个标题到你的header上，我使⽤的是verdana字体，加粗,⼤⼩设为14px. 新建⼀个图层，现ll在让我们作⼀个卷⾓，使⽤多边形套索⼯具作⼀个⼩的直⾓三⾓形选区,⽤#6d6e6f填充.
Step 4
新建⼀个图层, 在这个图层上做东西之前先应⽤图层样式
step 5
⽤矩形⼯具(U)抓取⼀个矩形，如下:
step 6
再新建⼀个空⽩图层与其合并，再使⽤橡⽪擦(E)⼯具，设置直径为45，擦掉上⾯，右边和下⾯部分.
step 7
让我们添加⽂本到这个box，主题名我使⽤的是12点的verdana字体,color为#68a1db.简介使⽤11点斜体,color#7b7777. read more使⽤size 10,color #829eba.
step 8
现在看起来很漂亮了，但是我们可再作⼀点效果处理，选择header图层，然后按Ctrl+R显出标尺，从上⾯拖出⼀根引导线，使它垂直居中header.新建⼀个图层命名gloss，然后使⽤矩形选区⼯具(M)在这根引导线上⾯抓取⼀个矩形选区,⽤⽩⾊填充，删除引导线.取消选区，设置gloss的图层混各模式为叠加，不透明度为9%,

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。