35个国外优秀的半透明网页效果赏析

最新推荐文章于 2022-03-07 10:21:13 发布
最新推荐文章于 2022-03-07 10:21:13 发布
阅读量204 收藏
点赞数
分类专栏： 人机交互 文章标签： CSS IDEA Blog Go

最近的网页设计趋势中，半透明元素的应用越来越多了。有时候半透明效果只是用于点缀，而另外一些时间而是整个页面的主导。下面看看35个优秀的半透明效果运用。

 

2am

 

Electricurrent

 

Sam Brown

 

Housing Works

 

Lift

 

Lilly’s Table

 

Sisu

 

Russ Kirby

 

Imaginaria Creative

 

Mint

 

Ordered List

 

Delicious CSS

 

BenSky

 

World in My Lens

 

Galan

 

WebMynd

 

Blik

 

FontShop

 

Go Media

 

Squarespace Blog

 

SOASdesign

 

Oliver Kavanagh

 

Gavin Castleton

 

SolidShops

 

Blogs.mu

 

Pulse

 

Neutron Creations

 

Two24 Studios

 

24 Ways

 

Lynn Cyr

 

Second Story

 

Nick Hand

 

WWF

 

Pop Labs

 

The Photo Argus


原文地址：http://vandelaydesign.com/blog/galleries/transparency/

 

iteye_15658
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
诗歌五象美视角下《我们是七个》两译本赏析
06-13
英国浪漫主义诗人华兹华斯的诗作《我们是七个》有多个汉译本,其中读者认可度较高的是卞之琳先生的译本和杨德豫先生的译本。依据辜正坤教授的诗歌鉴赏五象美论,比较分析《我们是七个》卞译本和杨译本中的五象美,发现...
网页设计赏析.pptx
12-23
网页设计赏析.pptx
CSS实现网页背景半透明
服务好姐qa
03-01 1344
CSS实现网页背景半透明 使用DIV+CSS实现层与背景半透明效果。 说明：  1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认  2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为
网站开发笔记【一】创建一个半透明的页面
weixin_34362790的博客
09-02 63
近来正在温习网页制作，系列《网页开发笔记》记录本人在解决网页开发过程中遇到的问题以及解决方案。 半透明的页面在网页开发中使用的比较广泛，尤其在web app中，这种设计使用的地方更为广泛，本文记录这种半透明的页面的开发方法。 半透明页面常用于用户注册，这时候弹出一个页面能在不离开当前页面的情况下完成注册。 如百度的登陆界面所示。 我的处理方法如下： 首先在页面写一个div，这个...
前端页面实现背景半透明，而内容不透明。
renyudouhui的博客
05-12 2444
前端实现背景半透明，而内容不透明可以使用以下两种方法 一：利用伪元素 .demo1{ width: 500px; height: 300px; line-height: 50px; text-align: center; background-color: rgba(255, 192, 203, .2); } .demo1:before { bac
html透明页面锁定窗口,html – 可以使浏览器的一部分透明,以便在网络应用程序中显示底层的桌面/窗口？...
weixin_39720865的博客
06-03 229
我正在开发一个Web应用程序(意味着作为一个富客户端运行工作,并能够负担得起Chromium的任何(甚至夜间构建)版本的Firefox).应用程序界面背景是透明的(显示底层窗口或桌面).我该如何实现？以下标准并不重要,但会很好.主要目标平台是Linux.UPDATE在2010-07-07T01：44Z的时刻处理意见和答复.从技术上讲,代码交互和打破“沙盒”并不是什么关系.这是关于窗口组成.我甚至认...
国外设计风格-30个经典LOGO赏析.docx
12-02
国外设计风格-30个经典LOGO赏析.docx
精美网页赏析
05-08
很多优秀的网页模板，给你制作精美网页带来灵感哦！
css yu div\1300个优秀网页赏析\网络及计算机
11-12
css yu div\1300个优秀网页赏析\网络及计算机
让网页半透明
weixin_34090562的博客
07-14 68
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|Linkweb.cn/Js|---让网页半透明</title> </head> <body
html半透明遮罩,如何制作网页半透明遮罩效果
weixin_36263738的博客
05-30 2228
我们经常在浏览网页时会看到遮罩的效果，比如在点击登录后常常会弹出登录框，它的背景就是常用一种半透明的遮罩来禁止登录框这外的操作。现在我们来看看这种半透明遮罩效果应该怎么实现。大致的思路是在body上面放置2个层，一个是半透明的，遮盖整个屏幕；另一个是显示你要显示的内容的。需要注意的是：这两个层的position都要设为absolute;，因为只有设为absolute时， z-index：属性才会生...
我的网页搭建中篇01——网页背景01.使用半透明纯色做网页背景
tongbiaos的博客
01-21 1210
参考网页： http://www.divcss5.com/jiqiao/j768.shtml http://www.w3school.com.cn/h.asp 通过前段时间的努力，终于实现了手机和PC机访问同一网址呈现不同页面的效果，这里面主要涉及到一些PHP，SAE的用法，以后有时间再补充上。但是，很明显PC端实在是太丑了，下面要将PC端的登录界面稍微改漂亮一些！    1.使用纯
php网页如何做出透明的效果,如何做高大上的半透明网页设计
weixin_36213943的博客
03-24 373
如何做高大上的半透明网页设计使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被“稀释”或者冲淡，使得颜色减淡，并且透出后方内容。半透明元素使用执行到位的话，这种效果会非常震撼，能划出一块绝佳的文字展示区域，或者作为吸引注意力至图像某部分的手段。但是使用半透明时，设计师必须小心谨慎。这种效果很难处理得当，因为事关可读性。透明度使用错误的半透明块和文字也，会能散注意力，并且破...
网页层变成半透明的方法
php菜鸟技术天地
06-02 1557
<style type="text/css"> #apDiv1 {  position:absolute;  left:20px;  top:92px;  width:505px;  height:445px;  z-index:1;  background-color: #000000; } -->     <span id="apDiv1" style="filter:Alpha(Opac
html颜色半透明效果,CSS来实现网页背景半透明
weixin_29799209的博客
06-03 1103
DIV半透明实现，应用CSS实现DIV成半通明成效，CSS实现层和后台半透明成效。一、DIV CSS半透明根本引见设置装备摆设DIV半通明CSS代码：div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity:0.5;}注明： 1、filter：对win IE配置半通明滤镜造诣，filter:alpha(Opacity=80)代表该对象80%半通明...
CSS半透明磨砂效果实现
锦恢的博客
03-07 6846
CSS实现一个带颜色的磨砂效果
请设计一个简单的赏析古诗网页代码
最新发布
05-29
好的，以下是一个简单的赏析古诗的网页代码，您可以根据需要自行进行修改和完善。 HTML代码： ``` <!DOCTYPE html> 古诗赏析 古诗赏析 请选择一首古诗： 静夜思 登鹳雀楼 春晓 查看赏析 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值