因特网网页设计

物业CSS“透明度” - 一个简单的方法,使网站更加有趣的设计

如今,网站设计的创作成为一种艺术形式。 这不只是一组特定的颜色和页面元素的 大小,字体 的不同风格和主题的画作。 为了使您的网站与其他人不同,吸引游客的注意力,并直接到某些元素,使用的方法和工具数量巨大。 其中有一个很流行的CSS属性 - 透明度。 这种技术是非常时尚和迷人,因此被经常使用。 透明度可以给网站的不同页面的对象 - 文本块或整个画面,例如。 它也用不同的方式来实现的。 让我们来看看他们下面。

参数指定的透明度元素

参数调节的几个要素的透明度。 他们是根据使用的具体目标,以及浏览器,这是在“调整”的设计。 这些措施包括以下特性:

  • 不透明度;
  • 过滤器;
  • PNG图像作为背景。

属性值的CSS“透明度”被改变为如下:该数值越高,的元件的透明程度越低。 不透明度,它从0变化到1,在过滤器 - 从10到100,后者被用于Interet Explorer浏览器,以及所有其他适用的不透明度属性。

透明度的图像(改变)

让我们开始与当你移动的项目,将出现透明的选项拖动鼠标。

让我们考虑如何指定图像的透明度。 CSS提供了两个选项。 要做到这一点,就必须直接在代码的HTML文件中,如下所示进行注册:

    1. 指定的图像的路径。
    2. 我们定义的透明度参数时光标不在。 要做到这一点,我们使用的onmouseover和onmouseout,其中规定不透明度和过滤器的值的属性。

    相同的特性可以CSS文档和源代码的引用添加到它在规定。 结果转出来的一样。

    文本和网页块的透明度

    作为文本或块(透明DIV),CSS提供其选项,类似于创建透明图像,必须使用连接CSS文件,其中,所述期望的参数设置。 你可以去一个更简单的方法。 当您设置风格的块格样式或文本p规定以下HTML代码来的onmouseover和onmouseout元素。 这两个选项工作,并产生期望的结果。

    透明度不变

    在某些情况下,一个对象的透明度,要在现有基础上设置的设计元素或者文本。 在这种情况下,解决的办法是,当你将鼠标光标不是更简单。

    透明度的CSS元素将下面的代码给出。 在框格式规定的背景(例如,#ff8800),不透明度(例如,0.5)和宽度(宽度)和填充(填充)的值。

    对于图像码值被制造和不透明度滤光器,并指定路径到图像。

    RGBA法

    还有其他的选择使用该属性的CSS:透明度可以应用到任何设计元素的基色。 它采用RGBA方法。 前三个字母代表的基本颜色(红,裂变,蓝色),最后 - 阿尔法,其中规定的透明度。 使用RGBA格式规定的透明度,将其指向最后一位。 例如,如:背景:RGBA(240,2,33,0.4035)。

    结论

    因此,通过使用在网站的设计简单而有效的功能CSS“透明度”工作的过程中,你可以把它更有趣,更明显以最小的努力元素。 所描述的实施方案是定制的透明功能将帮助您与此有关。

    Similar articles

     

     

     

     

    Trending Now

     

     

     

     

    Newest

    Copyright © 2018 zhcn.unansea.com. Theme powered by WordPress.