css设置渐变色
.anamorphism{
width:100%;
height:200px;
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7ECCE2,endColorStr=#D1EEF5);/*IE6*/
background:-moz-linear-gradient(top,#7ECCE2,#D1EEF5);/*非IE6的其它*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ECCE2), to(#D1EEF5));/*非IE6的其它*/
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.anamorphism{
width:100%;
height:200px;
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7ECCE2,endColorStr=#D1EEF5);/*IE6*/
background:-moz-linear-gradient(top,#7ECCE2,#D1EEF5);/*非IE6的其它*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ECCE2), to(#D1EEF5));/*非IE6的其它*/
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>addr</title>
</head>
<body>
<div class="anamorphism">
</div>
</body>
</html>
分享到：
相关推荐
使用css设置按钮边框的渐变色；使用css设置按钮边框的渐变色
borderGradientcss-borderGradientcss-borderGradientcss-borderGradientcss-borderGradientcss 元素的渐变色练习css 元素的渐变色练习css 元素的渐变色练习css 元素的渐变色练习css 元素的渐变色练习css 元素的渐变...
在这个“网页模板——Vue.js圆形CSS3颜色渐变色拾取器”项目中，我们可以深入探讨Vue.js如何与CSS3技术结合，创建一个动态的颜色选择工具。 首先，Vue.js的核心在于其响应式数据绑定系统。通过使用`v-model`指令，...
css渐变代码,代码兼容各个浏览器，适用于ie7以上及各主流浏览器
虽然现代浏览器对CSS渐变支持良好，但为了确保兼容性，可能需要添加一些前缀，例如 `-webkit-`、`-moz-` 和 `-o-`。 六、实战应用 在实际项目中，背景色渐变常用于按钮、头部、段落等元素，通过调整渐变参数来实现...
这里，我们为`<ul>`设置了背景渐变，并为`<a>`标签设置了文字颜色和内边距。同时，我们还添加了一个过渡效果，当鼠标悬停在链接上时，背景颜色会平滑地改变。 然而，仅仅有静态的渐变效果还不够。为了增加互动性，...
css3的网页特效之网页渐变色
在CSS3中，渐变颜色色板是一种强大的设计工具，它允许开发者创建平滑过渡的颜色效果，从而为网站和应用程序增添视觉吸引力。本资源提供了15种不同的渐变颜色色板，利用CSS3的`gradient`属性实现。下面将详细阐述CSS3...
能同时兼容 firefox,ie,chrome 的CSS 渐变色
本资源是一份名为《文字3D效果设计，css背景渐变色代码必备.rar》的压缩包，其中包含了一系列实用的CSS代码和设计技巧，可以帮助用户快速实现文字3D效果和背景渐变色设计。适用人群包括前端开发人员、网页设计师、UI...
例如，为`<ul>`设置线性渐变背景： ```css .gradient-menu { background-image: linear-gradient(to right, #ff0000, #00ff00, #0000ff); /* 从左到右，由红色渐变为绿色，再渐变为蓝色 */ background-repeat: ...
【可视化CSS3渐变背景颜色代码生成插件】是一个便捷的工具，专为网页开发者设计，旨在简化CSS3线性渐变背景的创建过程。这款插件提供了直观的图形界面，用户可以通过操作不同参数，实时预览并生成相应的CSS3代码。 ...
本篇文章将深入探讨CSS3中的渐变效果，它为网页设计提供了丰富的视觉表现力，让元素背景平滑过渡，增加了网页的动态美感。 渐变在CSS3中有两种类型：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）。...
在IT行业中，CSS3是Web设计者不可或缺的一部分，它提供了丰富的样式和效果，如圆角、阴影和渐变。然而，这些先进的特性在早期版本的Internet Explorer（IE6到IE9）中并不完全支持，这为开发者带来了挑战。为了解决这...
渐变色图标进一步扩展了图标的视觉效果，通过CSS的linear-gradient等属性，可以在图标上实现颜色的平滑过渡。本案例中提供了渐变色图标的实例，展示了如何结合CSS技巧实现渐变效果，为UI设计增添更多可能性。 5. *...
以上就是使用纯CSS3 gradient属性制作6种渐变色按钮样式的详细方法。通过灵活运用这些技巧，你可以创造出各种各样的动态、富有层次感的按钮样式，为用户带来更佳的视觉体验。在实际应用中，还需要结合其他CSS3属性如...
此资源“纯CSS3实现的日落时渐变色背景动画效果源码.zip”提供了利用CSS3特性创建日落时分背景颜色渐变动画的方法。这个效果可以为网站增添动态美感，提升用户体验，特别适用于设计主题或动态背景。 在CSS3中，我们...
【CSS3渐变色雪花粒子掉落特效】是一个利用现代CSS3技术实现的视觉效果，它在网页上模拟出雪花从天空缓缓飘落的情景，并且这些雪花的颜色可以根据预设的渐变进行变化，为网站增添一种动态且唯美的氛围。这个特效不仅...
在某些库中，可以直接设置渐变色，而在其他库中，可能需要手动创建颜色渐变数组。例如，使用CSS3可以方便地创建线性或径向渐变，而在C#中，可以使用`LinearGradientBrush`或`RadialGradientBrush`。 3. **绘制形状*...
我上网查了些资料，现在也有js支持根据你输入的网页内容自动填充渐变色，但是对于我这种js不是很好的人来说，还是想从css3上找点方法出来。 我发现css3的背景渐变中的透明度可以解决这个问题（前提是背景渐变的颜色...