Tagged

发光

A collection of 4 posts

css3

纯CSS3文字 渐变内发光投影效果

前阵子做了个css3文字效果,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅供参考。发个效果图大家看先: 投影shadow box-shadow 一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影,box-shadow设置方型盒子投影,用raidus的话可以让盒子产生圆角,看起来就很圆滑舒服,一般的写法是这样的: -moz-box-shadow:1px 1px 5px #000; 1px(水平方向偏移)  1px(垂直方向偏移)  5px(阴影羽化)  #000(颜色); 当偏移量为负数时就向反方向偏移,试试就明白了,这里不贴图。 这个是一般的投影效果,如果是内阴影,那么就加个inset属性,写法如下: -moz-box-shadow:**inset** 1px 1px 5px #000; 这样就变成了PS里面的内阴影,效果很赞,很实用,如果需要内发光效果,则背景底色深,投影颜色浅,这样就会感觉是发光,而背景颜色深,

发光

国外50多个使用发光效果的网站设计精选

在网站设计中使用发光效果是当下的一个流行趋势,它常常可以为一个网站带来一些有趣和漂亮的界面,想要添加一些炫光效果的设计师可以使用Photoshop制作非常有趣的发光效果。尽管之前我们有展示过一些使用发光效果的网站,今天我们将展示更多的此类网站设计,从这些网站中你将会看到不同的实现方式和不同类型的效果。(via VandelayDesign) Design Slurp Staak Beautiful 2.0 Levon.co.za Songkick Ulrich Egouy Fred Maya Pixelpanzer Rareview Strutta Yomenz Foehn Iluminasom AeroFX Camp Creative Group Icebrrg Aurelien Reaut 365 Days of Astronomy Pixelight Creative Cosmive Oakes Design FMCommunication Vogue Drew Wilson You and

光泽

30个发光和有光泽的网站设计欣赏

原文:[30个发光和有光泽的网站设计欣赏](http://www.qianduan.net/30-light-and-sleek-web-designs-for-inspiration.html) 译自:[30 Light and Sleek Web Designs for Inspiration](http://sixrevisions.com/design-showcase-inspiration/30-light-and-sleek-web-designs-for-inspiration/) 版权所有,转载请注明出处,多谢!!- - - - - - 创造性的利用*色彩渐变*、*照明效果*、*发光效果*,以及比如*插入像素分割*的细节操作,可以产生一个漂亮的和令人印象深刻的网站设计。在决定一个色彩模板的时候,设计师通常要么选择一个暗色系色盘,要么选择一个亮色系色盘,而在本文中,你将看到的是亮色网站设计。 本次收集展示一批可以启发你的设计灵感的杰出和华美的发光、闪亮、有光泽的网站设计实例。 X3 Studios Kompakt

发光

国外25个使用发光效果的网站设计欣赏

原文:[国外25个使用发光效果的网站设计欣赏](http://www.qianduan.net/25-examples-of-light-effects-in-web-design.html) 译自:[25 Examples Of Light Effects In Web Design](http://www.designshard.com/inspiration/25-examples-of-light-effects-in-web-design/) 版权所有,转载请注明出处,多谢!!- - - - - - 这里是一些展示大家如何使用发光效果来增强他们的网站设计的一些例子——他们要么添加更多的色彩,要么给它更多的深度。看一下我们从网上收集的这些漂亮的网站吧,希望他们能给你某些灵感。 Trent Cruising Squarespace Theater Website Services Serj Mediocore Macalicious Yourt Web Job Jamison