`
happmaoo
  • 浏览: 4493406 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

在Web上用style实现完美颜色渐变

WebMicrosoft 
阅读更多

上微软中国网站时发现页面上方的颜色渐变非常好，查看其源代码，发现在

内部用了类似如下的样式：
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"

然后我写了个测试网页试了试，果然可以。代码如下：
<!---------------------------------------->






?
???
?



<!---------------------------------------->

分享到：
| ASP经典分页类
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS3圆形修边渐变按钮特效.zip

    首先，CSS3是 Cascading Style Sheets 的第三版，是Web设计领域中不可或缺的一部分，尤其在现代网页设计中扮演着关键角色。CSS3引入了许多新特性，如选择器增强、多列布局、过渡（transition）、动画（animation）...

    个性漂亮的记事本CSS模板_灰色 web20 企业 个性 幻灯.zip

    在IT行业中，前端开发是构建网站和应用程序的重要环节，而CSS（Cascading Style Sheets）则是前端设计的核心技术之一。这个名为"个性漂亮的记事本CSS模板_灰色 web20 企业 个性 幻灯.zip"的压缩包文件提供了一个独特...

    css与dreamweaver cs3完美网页设计书的代码资料

    在网页设计领域，CSS（Cascading Style Sheets）与Dreamweaver CS3是两个至关重要的工具。CSS负责网页的样式和布局，而Dreamweaver CS3则是一款强大的可视化网页编辑软件，它支持直接编写和编辑HTML、CSS以及其他Web...

    html+css_登录

    为了创建视觉上的层次感，通常会使用对比色或者渐变背景。在这个圆形登录界面中，设计师可能还利用了CSS的`background-image`属性，为背景添加纹理或图片。 响应式设计是现代网页不可或缺的部分，确保页面在不同...

    CSS3奇思妙想单标签实现各类图形

    在现代网页设计中，CSS3已经成为了不可或缺的一部分，它提供了丰富的样式和动画功能，让开发者能够在不依赖图像的情况下实现各种视觉效果。本篇文章将聚焦于一个特别的主题——如何利用CSS3在单个HTML标签内创建各种...

    纯css3+svg实现的纸飞机飞行动画特效源码.zip

    在IT行业中，CSS3（Cascading Style Sheets Level 3）是用于描述HTML或XML（包括SVG、XHTML等）文档样式的Web标准语言。它极大地扩展了其前身CSS2.1的功能，引入了许多新的特性，如动画、阴影、渐变、多列布局以及...

    完美网页设计CSS快速参考chm电子书

    《完美网页设计CSS快速参考》是一本专门为网页设计师和开发者准备的CSS（Cascading Style Sheets）学习资源。这本书以CHM（Compiled HTML Help）格式呈现，这种格式便于阅读和检索，是电子书籍常见的形式之一。书中...

    CSS3彩色圆形亮点加载特效.zip

    4. **颜色渐变（Gradients）**：使用`linear-gradient`或`radial-gradient`可以创建出丰富多彩的背景效果，让亮点看起来更加生动。 5. **定位（Positioning）**：通过`position`属性（如`absolute`或`relative`），...

    chiwash-web:中国水墨过滤网项目

    例如，可能会用到HSV（色相、饱和度、明度）或HSL（色相、饱和度、亮度）颜色空间，因为这些颜色模型更适合表达水墨画中的颜色渐变。在滤波算法上，模糊处理可以模仿水墨在纸上的扩散效果，而边缘检测算法如Canny...

    CSS3绘制挂灯饰的圣诞树特效.zip

    在描述中提到的“可以完美运行，可以二次修改”，意味着这个特效不仅已经实现了预期的效果，而且具有良好的可定制性，开发者可以根据自己的需求对代码进行调整，以适应不同的项目或场景。这对于网页设计师和前端...

    Html小游戏-爱心鱼

    通过设置适当的CSS规则，开发者可以让游戏元素在屏幕上精确地定位，保证游戏的流畅性和可玩性。 在"html_game__love_fish-master"这个压缩包中，我们可以找到游戏的所有源代码文件。通常，这些文件包括HTML文件（如...

    CSS3 圆形动画.zip

    在IT领域，CSS3是 Cascading Style Sheets 的第三版本，它极大地扩展了Web设计的视觉表现力，特别是在动画效果方面。本主题“CSS3圆形动画”聚焦于如何使用CSS3来创建各种各样的圆形动态效果，提升网页的交互性和...

    纯css3太阳加载中动画特效.zip

    在实际应用中，这样的加载动画通常包含一个中心点或对象（如太阳），随着加载过程的推进，这个对象会通过CSS3的动画属性进行一系列变化，比如大小变化、位置移动、颜色渐变等，以展示加载进度。在“jiaoben7846”这...

    七夕表白html+css合集.zip

    例如，通过CSS选择器，我们可以精确地改变某个元素的样式，如将特定文字设置为心形，或者用渐变背景来营造浪漫氛围。同时，CSS3的过渡、动画和3D转换等功能，能创造出动态效果，如心跳动画、花瓣飘落等，增加互动性...

    Echarts主题构建工具的使用

    例如，可以设置图表的背景为纯色或者渐变色，调整字体大小和颜色，以及边框的粗细和颜色。 3. **定义图表元素样式**：每个图表类型都有其特有的元素，比如折线图的线条、柱状图的柱子、饼图的扇区等。我们可以针对...

    BS 进度条 很漂亮的进度条

    在软件开发中，进度条的使用非常普遍，无论是在Web应用、桌面应用还是移动应用中，都有它的身影。设计良好的进度条能够有效地传达信息，缓解用户在等待过程中的焦虑感，是优化用户体验的重要工具。

    聚光灯产品CSS3模板

    通过定义不同断点，设计师可以调整布局、字体大小和图像比例，使内容在任何屏幕上都能完美呈现。 2. **过渡和动画**：CSS3的过渡（Transitions）和动画（Animations）效果，为网页元素添加了平滑的动态变换。在...

    网站设计模板-橙色高亮设计游戏战队俱乐部css模板.zip

    此模板可能已经包含了媒体查询和其他响应式技术，以确保在各种设备上的完美呈现。 在设计游戏战队俱乐部的网站时，考虑用户体验至关重要。这包括清晰的导航、快速的加载速度、易于阅读的文字、吸引人的图像以及易于...

    CSS完全参考手册3.0.rar

    这份手册在原有的《完美网页设计CSS快速参考》基础上进行了第三次重大更新，充分融入了W3C（World Wide Web Consortium）官方标准、微软的DHTML（Dynamic HTML）技术资料以及苏昱的《样式表中文手册》中的精华内容。...

    Portfolio:我的个人项目组合

    4. **响应式设计**：使用媒体查询（Media Queries），开发者可以针对不同的设备屏幕尺寸应用特定的样式，确保项目组合在手机、平板电脑和桌面电脑上都能完美呈现。 5. **动画和过渡效果**：CSS3引入了动画和过渡...

Magicbox
Global site tag (gtag.js) - Google Analytics