Css /样式复合动画背景渐变

文章/答案/技术大牛

发布

1回答

css、styled-components

您好，我有一个问题，在一个渐变背景下，我不知道我在哪里错了。代码： import React from "react";import styled, { css, keyframes } from "styled-components"; const HeaderKeyFrame = keyframes

浏览 22提问于2020-01-25得票数 0

回答已采纳

1回答

类更改时引导动画按钮样式

javascript、css、twitter-bootstrap、css-transitions

当我更改.btn按钮的类时，我想要动画背景，例如，从加载的.btn-.btn传递到.btn-success或.btn-danger。现在，如果我将-webkit-transition: background 1s线性添加到.btn类，并使用js切换类，则更改不是动态的 (有趣的是:我尝试只在chrome元素检查工具中添加css转换指令更新:如果按钮处于禁用模式，转换工作，也许问题是由于使用css3渐变作为背景图像，这可能是-webkit-transition不支持的？

浏览 2提问于2012-08-31得票数 1

回答已采纳

2回答

为什么按钮没有显示任何淡入淡出效果？

html、css

我正在尝试编写一个按钮，在悬停时，将产生一个缓入-出效果。我使用了以下代码：padding:20px;/* fallback/image non-cover color *//* Safari 4+, Chrome 1-9 *//* Safari 5.1+, Mobile Safari, Chrome 10+ *

浏览 5提问于2012-07-22得票数 0

回答已采纳

2回答

Css过渡悬停梯度

css

我有一个关于过渡效应的问题。我创建了这个.h_grid_2 .gradient_c_grd_2 { width:384px; z-index:1; background: -webkit-linear-gradient(rgba(0, 0,

浏览 7提问于2014-10-15得票数 0

回答已采纳

2回答

在jquery中将一个div的线性渐变背景更改为另一个线性渐变

jquery、css、gradient

我目前正在处理一个div背景的问题。我希望div2的背景设置为两种颜色的线性渐变(比如橙色到绿色)。当在div1上悬停时，我希望div2的线性渐变变为另一个线性渐变(例如，从红色到蓝色)，但具有“淡入”效果。到目前为止，我在jquery网站上找到了一些可以实现这一点的东西，但只使用简单的颜色，而不是渐变。

浏览 2提问于2011-11-18得票数 2

1回答

没有Css转换的可能

html、css

我正在努力为我的按钮创建一个很好的过渡。我在一个红色的div上测试了使用的模式，它有效！但在我的按钮上它不会。 max-width: 240px; border: 1px solid #cd8102; height: 36px; fon

浏览 1提问于2014-10-10得票数 0

回答已采纳

2回答

当我在body元素中将边距属性设置为零时，我得到了一个错误的背景

html、css

前几天我刚刚学习了超文本标记语言和层叠样式表，通过看视频和阅读W3C.So的相关教程，我可能遗漏了一些重要的东西。我想用css.And制作一个渐变背景动画，下面是我的css和html代码：body{ background: linear-gradient(132deg,#ec5218" href="css/style.css"> </head>

浏览 2提问于2017-07-16得票数 3

3回答

背景透明的Css3过渡在Chrome5中不起作用

html、webkit、css

我正在尝试使用CSS3转换创建动画。动画是一个渐变背景，应该改变他的颜色(rgba)。}但是我只能用这个版本的chrome来动画化<em

浏览 0提问于2010-06-01得票数 3

5回答

jquery animate()不能处理css属性

jquery、html、css

我正在尝试使用jQuery .animate()来改变一个div的背景，如果它向下滚动超过100个像素的页面。我包含了jQuery UI，所以这是没有问题的，以前我使用.css()的时候，代码是可以工作的。window).scroll(function () { $('#top-links-bar').stop().css('background','linear-gradient(white,

浏览 7提问于2015-06-04得票数 0

1回答

CSS -原始样式与自定义样式表-覆盖样式的正确方法

css、wordpress

我使用的是一个wordpress主题，它使用自己的按钮样式。以下几行是CSS的一部分：background: #333 !important;我正在使用我自己的自定义样式表，我想覆盖这些样式，但我需要做的就是更改背景颜色并删除渐变。如果我只在样式表中保持线条改变背景颜色，如下所示：background: #353535 !important;那么渐变仍然显示，因为它在原始

浏览 2提问于2015-03-04得票数 1

1回答

bootstrap.css和bootstrap-heme.css有什么区别？

css、twitter-bootstrap-3

当我们下载引导程序时，在引导程序文件中找到的bootstrap.css和bootstrap -heme.css有什么不同？

浏览 0提问于2014-12-10得票数 87

回答已采纳

1回答

当用作背景图像时，SVG内部的Web动画中断

javascript、css、svg、background-image、web-animations

我只是用在线服务为自己生成了一个基于SVG的加载指示器，但是每次使用它的页面加载时，我都会收到Chrome的警告，它告诉我SMIL动画受到了反对，这是相当令人讨厌的。为了摆脱它，我决定考虑用网络动画代替<animate>标签。{ duration: 2000, iterations: Infinity } ]]></script> 我要为我的成功而感到非常兴奋，当我注意到在CSS中用作background-image时，这个完全相同的SVG完全

浏览 2提问于2016-07-29得票数 1

回答已采纳

2回答

使用百分比值创建CSS动画关键帧

html、css

我正在尝试CSS关键帧动画和webkit径向渐变背景。我想在身体标签上有一个发光的圆形/radial梯度，3秒后径向梯度移动到右侧并消失。在我的实验中，我发现在关键帧动画中，你不能为每个阶段创建不同值的渐变，比如0%，25%，50%，100%。我的HTML文件张贴在这里，请看一下。

浏览 5提问于2011-01-05得票数 0

2回答

Internet Explorer按钮CSS

css、internet-explorer、button、internet-explorer-8、background-color

我正在使用渐变为我的按钮背景颜色，这只适用于非IE浏览器。我正在尝试为IE设置纯色背景色。当我在样式表中将背景样式放在背景渐变之前时，它根本没有显示出来。当我将它放在后面时，它会覆盖所有浏览器中的渐变。没有它，我的按钮是完全透明的。有没有人能帮我找出只给IE设置背景色的方法？(版本8和9)甚至更好。来设置渐变？这是CSS，它可以在除IE之外的浏览器中工作。纯色背景</em

浏览 0提问于2012-03-09得票数 1

回答已采纳

1回答

如何创建像谷歌+1Button onHover那样的微光动画

html、animation、css、webkit

你会注意到图像中有一种微光的动画吗？就像一束光穿过图像。他们使用的是图像，但我想知道如何在CSS3中做到这一点。对on hover有什么想法吗？还有，有人知道这种效应叫什么吗？谢谢

浏览 0提问于2011-08-06得票数 2

3回答

渐变不会填充整个区域

css

我正在尝试弄清楚如何调整我的register.php页面中的css，以便渐变将像在我的登录页面上一样填充整个区域。

浏览 1提问于2011-08-17得票数 0

回答已采纳

3回答

使用html、css的网页的混合背景色

html、css、bootstrap-4

谁能告诉我如何使用html，css或bootstrap的网页混合背景颜色。这有什么属性吗？我经历了背景混合模式，但这不是我要找的。我正在尝试创建我的整个网页的背景颜色，类似于下面的网站：

浏览 1提问于2019-11-07得票数 0

1回答

更改Javascript类不会更改Chrome中的CSS3渐变

javascript、google-chrome、css

我有一个简单的CSS3渐变作为背景的div，它的原始背景是从一个CSS文件中声明的，我还声明了这个带有另一个类的div应该有另一个CSS3渐变作为背景。当使用JavaScript将类添加到div时，在火狐中背景会发生变化，但在Chrome中会保持不变。我知道添加这个类是因为这个类的其他样式会发生相应的变化。您可以在示例中看到它。

浏览 0提问于2011-09-26得票数 0

回答已采纳

1回答

Internet Explorer 9中的网站菜单颜色错误

wordpress、menu、colors、internet-explorer-9

我有一个Wordpress网站，它在Chrome中看起来很棒。但当我在IE9中查看它时，悬停下拉菜单是一个可怕的蓝色。而不是它应该成为的样子。你知道为什么它看起来不一样吗？我的网站：

浏览 4提问于2013-11-30得票数 0

1回答

CLS警告PageInsights核心网站中不支持的CSS属性

css、pagespeed、google-pagespeed、pagespeed-insights、cls

避免非复合动画，动画，没有合成，可以简约和增加CLS。不支持CSS属性:字体权重不支持CSS属性:颜色不支持CSS属性:边距-右不支持CSS属性:字体大小不支持CSS属性:背景-位置-y不支持CSS属性:背景-位置-x不支持CSS属性:边距-底部。。。

浏览 2提问于2021-05-09得票数 2

点击加载更多