北京赛车 pk10开奖记录_Toyou热购彩票官网
香港高速VIP雲機房火爆上線啦!無需備案謄活,開通即用!配套《巔雲自助建站系統3.0》將帶給您飛一般的可視化拖拽建站體驗埠,歡迎免費體驗當。

Photoshop投影與CSS中box-shadow的轉換

一佰互聯網站制作(www.yinxi.net) 發布日期 2019-04-21 17:24:57 瀏覽數: 35

text-shadow是給文本添加陰影效果儲賭,box-shadow是給元素塊添加周邊陰影效果隨謾。隨著html5和CSS3的普pk10开奖记录 青山渺渺,第四部分紙燈籠(9)及弛滌覓,這一特殊效果使用越來越普遍鞘畢。

基本語法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}

"混合模式"簿︰Photoshop提供了各式各樣的混合模式換,但是CSS3陰影只支持正常模式(normal)伴。

"顏色(color)"屏︰陰影顏色鍍蔥肛。對應于CSS3陰影中的 color 值蟲桂宏。

"不透明度(opacity)"墳屆擄︰陰影的不透明度食街策。對應于CSS3陰影的顏色 rgba() 中的 a 值社滌窪。

"角度(Angle)"案念︰投影的角度翠。

"距離(Distance)"釀河︰陰影的距離凱膠昆。根據角度和距離可以換算出CSS3陰影中的x-offset和y-offet傾汰澇。 x-offset = Distance * cos(180 -Angle) 寺, y-offset = Distance * sin(180 - Angle)

"擴展(Spread)"梅讕惟︰陰影的擴展大小壩孿暮。控制陰影實體顏色和虛化顏色的多少舜箋。 Spread * Size = 陰影中實體顏色的大小 絲。剩下的就是虛化的顏色痕。CSS3陰影 spread-radius = Spread * Size

"大型 (Size)"慘︰陰影的大小側布。在CSS3中 blur-radius + spread-radius = Size 即 blur-radius = Size - spread-radius 笛。

以上圖中的數值為例何嗅碗。


復制代碼代碼如下:
color: rgba(118,113,113,.75)x-offset: 5 * cos(180°- 145°) = 4.09pxy-offset: 5 * sin(180°- 145°) = 2.87pxspread-radius: 10 * 6% = 0.6pxblur-radius: 10 - 0.6 = 9.4px;
box-shadow: 4.09px 2.87px 9.4px 0.6px rgba(118,113,113,.75);text-shadow: 4.09px 2.87px 9.4px rgba(118,113,113,.75);

text-shadow 沒有 spread-radius 所以不能完全實現PS中的效果瑪。

一佰互聯是全國知名建站品牌服務商,我們有九年網站建設限、網站制作氰鄙祥、網頁設計晨烏、php開發和域名注冊及虛擬主機服務經驗刑蓮,提供的自助建站服務更是全國有名睡勁沃。近年來還整合團隊優勢自主開發了可視化多用戶”巔雲建站系統“3.0平台版材井,拖拽排版網站制作設計蕪淺,輕松實現pc站蜂繁磋、手機微網站辮畢、小程序咎、APP一體化全網營銷網站建設 才咳,已成功的為全國上百家網絡公司提供自助建站平台搭建服務脾凍。

相關新聞more

27
04月
匯總PHPmailer群發Gmail的常見問

大家在PHPmailer群發Gmail時會遇到許多常見問題綱保朝,下面為大家總結了一些常見問題華涵,希望對大家的學習有所幫助派。1.Could not ... >>詳情

17
05月
前人的網站建設經驗告訴你:建站四點事項必須注

window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":... >>詳情

14
04月
做優化要了解網站的需求

網站建設好瓤皇,咨詢SEO的就開始用SEO來優化網站夯際扳,一般優化的長久是一到一些月的工夫秘,可以話一個月便會救助你把排名優化到首頁篩,不可以話答,一些月... >>詳情

14
06月
[原創]PowerEasy SiteWeav

[原創]PowerEasy SiteWeaver通過cdn訪問後台登錄出現500錯誤Microsoft JET Database Engin... >>詳情

營業執照. cdn加速服務 備案系統認證 網絡安全協會 我們的支付方式AAA認證

7x24小時服務電話:18581389571 傳真:023-85725751 免費建站交流群涵湘壞︰236412099 139947842(自助建站交流) E-Mail:post@yinxi.net 網站投訴:
重慶楚捷科技有限公司 一佰互聯©版權所有 自助建站(www.yinxi.net,Inc.) 2001-2020 All Rights Reserved 本站程序受法律保護,網站法律顧問屆嫌︰ITLAW-莊毅雄律師
中華人民共和國信息產業部網站備案號:渝ICP備12000592號
pk10开奖 北京赛车热购彩票