关于3d网站 [英] About 3d website

问题描述

为了增强图形表示，我在背景上混合了7种颜色和过滤器样式，所有对象都将以位置显示：绝对。

但是它可以制作与背景颜色融为一体的逼真阴影吗？如果网站是桌子而你向下看，并且背景颜色来自上面的不同光源，那么一个对象可能有几个阴影并且在
不同方向。一个阴影应该很容易，作为彩色div和一些混合滤镜，但更多？

例如，迪斯科灯光通常很混乱，但如果你想象一下聚焦网站（桌面） - 也许作为一个在线停顿 - 移动，所有阴影相应地移动而且逼真而不是像混乱的迪斯科灯一样，你怎么能计算它？b

我看过新的IE9将附带
border-radius 圆角的样式，但由于IE9尚未完成，我想知道是否可以不使用公共示例中的图像？

解决方案

“我找到了一些有用的资源来创建3d使用CSS的效果：

 

http://www.bing.com/search?q=3d+effect+css

http://seanmonstar.com/post/707101490/use-css-borders-for-3d-effects

http://www.w3.org/Style/Examples/007/roundshadow

http://nontroppo.org/test/shadow.html

 

最后一个链接显示了将阴影与背景混合的示例。我相信这是PNG可以做的事情。

 

可以用光栅化图形创建阴影（见这里：
< span style ="text-decoration：underline"> http://www.alistapart.com/articles/cssdropshadows/
）

 

如果前面的示例（上面链接的）不符合您的要求，请显示模拟或图像，以帮助我们了解您想要使用CSS的内容。

 

如果我们正在讨论更复杂的光线或图形计算（类似于图形编程主题中的内容），我建议使用
canvas元素和HTML5。我鼓励你在我们的IE9网站上查找画布演示，以了解可以做什么：

http://ie.microsoft.com/testdrive/Views/SiteMap/Default.html ”

To enhance graphic representation I have blended 7 colors with filter styles on the background on which all objects are to be displayed with position: absolute.

But is it possible to make realistic shadows that also blend with the background color? If the website is a desk and you are looking down, and the background colors are from different light sources above, then one object could have several shadows and in different directions. One shadow should be easy as a coloured div and some blend filter, but more?

For example disco lights are usually very confusing, but if you imagined a spotlight over the website (desk) - maybe as an online pausescreen - that moves and all the shadows moves accordingly and realistic instead of like confusing disco lights, how can you calculate it?

I have seen the new IE9 will come with border-radius style that round corners, but since IE9 isn't complete yet, I was wondering whether it was possible without using images as seen in public examples?

解决方案

“I found some helpful resources for creating 3d effects using CSS:

 

http://www.bing.com/search?q=3d+effect+css

http://seanmonstar.com/post/707101490/use-css-borders-for-3d-effects

http://www.w3.org/Style/Examples/007/roundshadow

http://nontroppo.org/test/shadow.html

 

The last link shows an example of blending a shadow with a background. I believe this is something specifically PNGs can do.

 

It is possible to create shadows with rasterized graphics (seen here: http://www.alistapart.com/articles/cssdropshadows/ )

 

If the previous examples (linked above) do not meet your requirements, please show a mock up or image to help us get an idea what you want using CSS.

 

If we’re talking about more complex light or graphics calculations (similar to what you would find in the topics of graphics programming), I recommend using the canvas element and HTML5. I encourage you to look up canvas demos on our IE9 site to get an idea of what can be done:

http://ie.microsoft.com/testdrive/Views/SiteMap/Default.html”

这篇关于关于3d网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！