CSS动画进度条，具有长方体阴影/发光/霓虹灯效果

文章/答案/技术大牛

发布

1回答

html、css、geometry、progress

我有下面的例子，我试着在动画进度条上制作霓虹灯效果，就像上面的行和文本一样。似乎我无法用css在动画圆圈上实现干净的霓虹灯效果。class="circle" data-anim="base left"></div> <div class="circle" data-anim="base right"></div&g

浏览 50提问于2021-09-19得票数 0

2回答

jQuery发光动画:如何改进？

jquery、html、jquery-ui、css

我一直在使用CSS和jQuery (简单的CSS样式改变，参见)来让东西发光，现在我想知道如何让这些动画做得更好。目前，我只是在没有长方体阴影和长方体阴影之间做一个过渡，这看起来很好。但我正在努力寻找如何让它看起来更好，就像它是某种雾:基本上，不是有固定长度的长方体阴影，而是这里更长，那里更短(可以说是不规则的阴影)。现在我不希望css3的长方体阴影</

浏览 3提问于2012-06-06得票数 1

回答已采纳

2回答

发光样式效果

css

有没有可能在CSS中创建像这样的发光文本？我正在努力寻找一个解决方案，但我找不到这样的东西。有没有什么教程可以让你了解这种行为？我找到了，但它们之间有很大的不同。

浏览 1提问于2013-09-26得票数 2

3回答

除了使用闪光灯外，如何实现发光效果

jquery、flash、menu

除了闪光之外，还有没有其他方法可以制作发光效果？我想摆脱整个flash菜单，使用一些浏览器友好的东西。我正在寻找替代或类似的效果。

浏览 3提问于2011-11-27得票数 1

回答已采纳

1回答

iPhone UIButton自定义动画

iphone、cocoa-touch、core-animation、uiimage、progress-bar

我想在UIButton上创建一个自定义动画。动画应该类似于进度条，当用户按下按钮时，它应该启动。我的UIButton是一个自定义的，用接口生成器添加的，并且有一个自定义的背景。有没有一种方法可以创建这种动画？我有问题，因为自定义背景是一个具有阴影和其他效果的图像，如发光和浮雕。谢谢!

浏览 2提问于2011-04-01得票数 0

回答已采纳

1回答

我使用了CSS3的长方体阴影，不是用来创建阴影，而是用来添加发光效果。它工作得很好，当然除了IE之外。在IE中有什么变通的方法吗？我现在使用的css：-moz-box-shadow: 0 0 5px #666; box-shadow:0 0 5px #666;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=

浏览 1提问于2011-07-05得票数 0

1回答

流体、Css、悬停框阴影

hover、outer-join、fluid、box-shadow、glow

这个长方体+三角形我想在悬停时有一个长方体阴影。另外，如果可能的话，我希望它是流畅的！我不知道如何做到这一点，我正在寻找一位大师。悬停颜色将是蓝色。只是一个光的“外部发光”或长方体阴影+模糊。这是我希望用css实现的之前/之后的效果，可能吗？

浏览 7提问于2016-10-19得票数 0

1回答

在React中对具有复杂框阴影和文本阴影的元素进行动画移动时，Android Chrome上的性能较差

android、css、reactjs、google-chrome、animation

我将其缩小到与元素上的运动动画相关，这些元素具有来自长方体阴影和测试阴影属性的发光效果。我已经做了一个例子，通过打开边界和数字光晕效果可以观察到性能问题。

浏览 27提问于2021-06-23得票数 1

4回答

WPF中的进度条样式已经过时了。以条为单位的增量。如何实现一个带有vista或windows-7阴影发光效果的进度条？

c#、.net、wpf、progress-bar

WPF中的进度条样式已经过时了。以条为单位的增量。如何实现一个带有vista或windows-7阴影发光效果的进度条？在Adv. .

浏览 6提问于2012-08-15得票数 5

回答已采纳

1回答

CSS3:链接悬停时的发光背景(不是文本发光)

css-transitions、css、glow

我想让这些链接在我悬停时在背景中有一个发光的效果。请看我的jsFiddle：。下面是我的CSS的摘录：div a:hover { bac

浏览 2提问于2013-02-06得票数 6

回答已采纳

1回答

C#/WPF中的氖/辉光效应

c#、wpf、effects

我想在wpf/c#中创建一个霓虹灯(-like)效应，用于一系列的多谱线。我想为一个学校项目做这件事，而且我也不想为少量的自写代码提交一堆外部库。还有关于谷歌:我发现的大部分东西都是用模糊/阴影来创建这些褪色的颜色，而不是真正具有霓虹灯效果的东西。

浏览 2提问于2014-09-16得票数 4

回答已采纳

3回答

CSS字符串-选择直到第三个逗号的所有内容

javascript、regex、string、scriptaculous

我正在用脚本编写一个自定义的高亮动画，其中包括一个CSS3发光。我得到了长方体阴影样式，需要在rgba alpha值上拆分它，然后改变该值以使阴影淡入淡出。

浏览 1提问于2009-12-31得票数 0

3回答

如何使用css/html/js制作照明效果

html、css、lighting

我正在尝试为网页中的特定区域制作照明效果。我想知道我应该使用什么技术来使这个效果像下面的网页一样。那么，仅仅使用css/html就可以做到这一点吗？

浏览 5提问于2012-11-08得票数 2

回答已采纳

3回答

如何使用jQuery突出显示按钮？

jquery、html、jquery-effects、glow

<button id="btnSubmit" style="float:left;width:78px;">Submit</button> 理想情况下，我希望按钮“发光”。我已经尝试使用长方体阴影来达到我想要的光晕效果。我知道jQuery通常很适合这些效果，但到目前为止，我还没有遇到任何合适的东西。

浏览 0提问于2012-09-24得票数 7

回答已采纳

2回答

在HTML5画布上设置两个对象之间的路径动画

html、canvas、impactjs

基本上，这只是在两个点之间画了一条线，具有霓虹灯发光效果。到现在为止还好。现在，我们请求将“链”连接设置为动画效果--火、火花等。本质上看，它们需要实际的图形动画才能看起来正确。由于实体之间可以是任何距离/角度，我们被困在如何最好地实现解决方案上-即如何绘制对角线图像，例如，在我们可以设置动画的两个随机点之间。任何想法，我们的建议，如何做到这一点将非常感谢。

浏览 5提问于2013-02-01得票数 2

1回答

CSS方框阴影不是真正透明的？

html、css

生成此内容的css为： background-color: white; 0px 0px 30px white,} 自然，更少的长方体阴影这样做的目的是我希望白色内容区域粘在蓝色渐变中，但白色发光阴影会轻轻地“清除”内容区域周围

浏览 4提问于2011-10-29得票数 4

回答已采纳

1回答

仅使用CSS对文本使用变形镜头光斑效果

css

我知道使用文本阴影可以给文本带来像霓虹灯一样的整体效果，但有没有可能像电影中看到的那样，给文本更不对称的水平类型的光斑，通常被称为变形镜头光斑？(请参见示例)。下面是一个示例.outer { position: relativ

浏览 6提问于2014-05-02得票数 5

4回答

突出显示jquery中表单域的边框

jquery、html、forms

使用Jquery高亮显示文本框字段的边框，具有平滑效果。例如：当用户聚焦输入框时，字段的边框应突出显示，以获得平滑的效果。我知道它可以使用css的焦点属性来完成，但我不想使用它，因为它不能提供流畅的效果。例如参考文献: 1. youtube的搜索框： 2.99limm：

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

回答已采纳

4回答

如何在bootstrap-4中删除按钮发光

twitter-bootstrap、bootstrap-4

当您单击按钮时，如何移除按钮周围出现的发光？

浏览 0提问于2018-02-06得票数 8

2回答

在UIView周围创建光晕

iphone、objective-c、xcode、ios4、quartz-graphics

我想在UIView周围画一个发光的边框，这个边框大约是实际UIView的5px。你能告诉我怎样才能做到这一点吗？

浏览 8提问于2011-03-14得票数 6

回答已采纳

点击加载更多