如何用CSS制作投影效果?

1、第一個(gè)參數(shù)是漸變的方向，top是從上到下，至于left、right、bottom的效果很容易從top推倒出來我就不羅嗦了。

創(chuàng)新互聯(lián)建站成立與2013年，先為高密等服務(wù)建站，高密等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為高密企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

2、filter：Shadow(Color=gray，Direction=135)Color=投影的顏色；（顏色有兩種表示方式。上面的#000000是16進(jìn)制的數(shù)值表示RGB的顏色值，gray 是用顏色名稱表示，比如gray表示灰色。

3、CSS據(jù)我所知好像沒有能制作投影效果的屬性。但是CSS 3有制作投影的屬性：text-shadow是給文本添加陰影效果，box-shadow是給元素塊添加周邊陰影效果；由于瀏覽器兼容性問題。

4、首先，打開html編輯器，新建html文件，例如：index.html。

5、目前的投影效果都是利用CSS做出來的，不是單純的dreamweaver 功能。但是目前的CSS1只能使用圖片背景和讓兩行文字重疊的方法制作投影效果。以后的css3就直接可以做文字投影效果了（目前只在少部分瀏覽器中支持）。

6、首先在我們這電腦桌面上找到ps并點(diǎn)擊它。然后我們需要新建一個(gè)帶有圖片的圖層。接著我們需要點(diǎn)擊魔棒工具。然后點(diǎn)擊圖片中的空白區(qū)域。接著我們需要點(diǎn)擊投影，這一點(diǎn)很重要。

css投影樣式

CSS據(jù)我所知好像沒有能制作投影效果的屬性。但是CSS 3有制作投影的屬性：text-shadow是給文本添加陰影效果，box-shadow是給元素塊添加周邊陰影效果；由于瀏覽器兼容性問題。

Positive=設(shè)置陰影的對(duì)象，有兩個(gè)值．true就是為非透明像素建立陰影，false就是為透明的像素建立陰影．投影代碼：filter：Shadow(Color=gray，Direction=135)Color=投影的顏色；（顏色有兩種表示方式。

字體投影模式。text-shadow為css文字陰影、css字體投影與字體陰影含胡效用效果的CSS屬性單詞。

在Photoshop中使用“投影”選項(xiàng)來改變影子的顏色。選擇影子圖層，單擊“圖層樣式”按鈕，然后選擇“投影”。在彈出的對(duì)話框中，選擇“顏色”選項(xiàng)卡，并選擇所需的顏色。

純CSS3三角形按鈕,帶描邊及投影,可以實(shí)現(xiàn)嗎?

1、如果是一個(gè)正方形，我們寫邊時(shí)，會(huì)用到border，但我們這里討論的三角形本身就是border，不可能再給border添加border屬性，所以我們需要用到其他辦法。最容易想到的，是疊加層。

2、如下：試了一下，多邊形工具時(shí)暫時(shí)無法實(shí)現(xiàn)，雖然也選擇了圓角。這個(gè)可以先畫出無描邊的三角形。之后添加圖層樣式---描邊。