Blogtrottr
Changes are afoot at Blogtrottr!
By popular request, we're bringing in paid plans with some cool new features (and more on the way). You can read all about it in our blog post.
♣梅問題‧教學網【Minwt】♣
分享關於Photoshop教學|商品攝影|網頁教學|Wordpress教學|iPhone教學| Flash教學|jQuery教學...等
CSS教學－仿Photoshop CC圖層樣式CSS3線上產生器
Jun 28th 2013, 01:30

梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
　　前幾天各位應該有發現到，新版的Photoshop CC，也可產生CSS3語法，同時只要利用Photoshop CC中的幾和工具，以及圖層樣式所繪製出來的圖形，就可將它轉成CSS3的語法，真的相當方便，但若沒有安裝Photoshop CC的朋友，那就只好自已純手工打造啦！ 　　最近梅干發現一個超棒的CSS3線上產生器，不但操控面板和Photoshop的圖層樣式極為相似外，同時還可輕易的產生像漸層、內光暈、邊框、圓角....等，因此相當適合網頁設計人員使用，同時可降低製作時間，提升工作效率，因此有這麼好的工具，怎能不好好的利用一下呢?
CSS3圖角、漸層、光暈線上產生器：
網站名稱：Layer Styles
網站網址：http://www.layerstyles.org/builder.html
一進到網站後，中間會有一個方塊，以及一個操控面板，跟Photoshop圖層樣式，有沒有像呀!無論UI還是操控都一樣。
梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
反藍狀態，表示在該選項下，這時就可透過控制列，來設定CSS的樣式，由於是即見即所得，所以中間的區塊會即時顯示效果。
梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
若要更改背景，點一下背景選項後，再點中間的漸層條。
梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
是不是跟Photoshop一模模又一樣樣呢?除了可選擇上方內建的漸層樣式外，也可自行設定。
梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
都設定好後，點一下畫面的左下角的CSS Code，下方就會秀出剛所設定的CSS3原始碼。
梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
接著剛的CSS原始碼，貼到網頁的樣式中。
梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
鏘~鏘~成果預覽，是不是快又方便呀!
梅問題-CSS3工具-仿Photoshop圖層樣式CSS3樣式產生器
分享給更多朋友 分享
標籤： css3圓角產生器, css3工具, css3產生器, css3陰影
引用網址： ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！謝謝。
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers. Five Filters recommends: 'You Say What You Like, Because They Like What You Say' - http://www.medialens.org/index.php/alerts/alert-archive/alerts-2013/731-you-say-what-you-like-because-they-like-what-you-say.html
You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 xals2q 的頭像
    xals2q

    2015花千骨線上看tv 2016花千骨 花千骨線上看drama q 花千骨線上看drama 仙俠奇緣之花千骨線上看 花千骨線上看tv543 電視劇花千骨線上看 花千骨線上看第一集

    xals2q 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄