标签: glow

CSS/HTML:围绕输入字段创建一个发光的边框

我想为我的表单创建一些不错的输入,我真的想知道TWITTER如何围绕他们的输入做出发光边框.

Twitter边框的示例/图片:

在此输入图像描述

我也不太清楚如何创建圆角.

html css input border glow

167
推荐指数
3
解决办法
29万
查看次数

CSS:在图像周围创建白色光晕

如何创建白色光晕作为未知大小图像的边框?

css image border css3 glow

78
推荐指数
3
解决办法
20万
查看次数

如何围绕位图制作发光效果?

以下代码是我到目前为止所得到的.但是,有两个问题:

  1. 我想要内部和外部发光效果,看起来类似于Photoshop的混合选项.但我只设法制作外部发光,如果我设置BlurMaskFilter.Blur.INNER或其他值,整个图像被阻挡,而不是只是边缘.

  2. 尽管我将" FF " 设置为alpha值,但发光颜色仍然很暗.

    Bitmap alpha = origin.extractAlpha();
    BlurMaskFilter blurMaskFilter = new BlurMaskFilter(5, BlurMaskFilter.Blur.OUTER);
    
    Paint paint = new Paint();
    paint.setMaskFilter(blurMaskFilter);
    paint.setColor(0xffffffff);
    
    Canvas canvas = new Canvas(origin);
    canvas.drawBitmap(alpha, 0, 0, paint);
    
    return origin;
    
    Run Code Online (Sandbox Code Playgroud)

替代文字

graphics android bitmap glow

25
推荐指数
2
解决办法
2万
查看次数

外部发光效果到边框

如何为边框提供外部发光效果?

<Grid Width="200" Height="200">
    <Grid.Background>
        <RadialGradientBrush Center="0.5,0.5" GradientOrigin="0.5,0.5" RadiusX="0.8" RadiusY="0.8">
            <RadialGradientBrush.GradientStops>
                <GradientStop Offset="0" Color="#FF123B5F" />
                <GradientStop Offset="1" Color="#FF001F31" />
            </RadialGradientBrush.GradientStops>
        </RadialGradientBrush>
    </Grid.Background>
    <Border Width="180" Height="180" Margin="10" Background="Transparent"
            BorderBrush="White" BorderThickness="1">
        <Border.BitmapEffect>
            <OuterGlowBitmapEffect GlowColor="White" GlowSize="3" Opacity="1" />
        </Border.BitmapEffect>
    </Border>
</Grid>
Run Code Online (Sandbox Code Playgroud)

我试过这个但是没用

wpf bitmapeffect border glow

23
推荐指数
1
解决办法
3万
查看次数

IPhone文字发光效果

在我的iPhone应用程序中,我希望UILabel中的文本发光一秒钟,然后褪色一秒钟.我也想重复这个循环说3到4次.

这可能吗?

iphone graphics animation graphic-effects glow

19
推荐指数
3
解决办法
2万
查看次数

如何在HTML和CSS中制作发光文本

我想用HTML和CSS制作发光文本.我正在学习本教程.

http://msdn.microsoft.com/en-us/library/gg589484(v=VS.85).aspx#creating_%22glow%22_effects_with_drop_shadows

我希望文本发光,就像Windows Vista上的最小化,最大化和退出按钮一样,当您将鼠标悬停在它们上方时会发光7.

我已经在线阅读了8个教程,都说过FILTER ONLY适用于IE(完全BS顺便说一句,我使用的是IE9 RC,甚至没有显示),所以我发现的关于发光的教程实际上都不适用于文本<p>, <a> <h1>等.

如何让我的文字在悬停时发光?(没有图像)

html css internet-explorer css3 glow

17
推荐指数
2
解决办法
6万
查看次数

如何为Raphael元素添加和删除发光?

我正在尝试为raphael元素设置悬停,以便当鼠标位于元素上时,它会发光,当鼠标离开时,会消除光晕.我已经想出如何添加发光,但我无法删除它.这是我的脚本的样子:

$(document).ready(function() {
    var paper = Raphael(0,0,360,360);
    var myCircle = paper.circle(180,180,30).attr('stroke','#FFF');
    myCircle.hover(function() {
        myCircle.glow().attr('stroke','#FFF');
    }, function() {
        // removing the glow from the circle??
    });
});
Run Code Online (Sandbox Code Playgroud)

所以有效的部分是当我将鼠标悬停在圆圈上时将光晕添加到圆圈中.但是,当鼠标移离圆形元素时,我不知道如何移除光晕.你知道我怎么能从元素中消除光晕吗?

注意:body元素的背景设置为黑色(#000).

使用的库:

  • JQuery的
  • Raphael.js

javascript raphael glow

12
推荐指数
1
解决办法
1万
查看次数

对<ul>子弹的文字阴影或类似效果?

正如标题所说,我正试图找到一种为子弹添加文本阴影效果的方法.我正在使用文本阴影来显示某些文本背后的光芒,我想为子弹实现同样的效果,而不必创建我自己的子弹图像.

css glow

9
推荐指数
1
解决办法
4325
查看次数

使用CSS向3面添加光晕

我有一个盒子与另一个盒子重叠形成一种L形状,我试图在整个L形状周围实现发光,因此只需要在其中一个盒子的三个侧面上发光.

我已经尝试过使用box-shadow属性,但似乎无法让它只适用于3个边,这是正确使用的方法还是有另一种方法使用边框我可以用来实现三面?

这是我一直在尝试使用的代码

-moz-box-shadow: 0 -1px 5px #80abc6;
-webkit-box-shadow: 0 -1px 5px #80abc6;
box-shadow: 0 -1px 5px #80abc6;
Run Code Online (Sandbox Code Playgroud)

css border css3 glow

8
推荐指数
1
解决办法
3059
查看次数

如何使用WPF效果模仿OuterGlowBitmapEffect?

我尝试使用 DropShadowEffect,但当您增加 BlurRadius 时,它的“发光”强度会减弱。我想要像下图一样具有强烈的外发光。

在此输入图像描述

如果我将相同的效果叠加十几次,我就能得到这个,但此后性能就会下降。使用 WPF 可以实现单一效果吗?

.net c# wpf effects glow

8
推荐指数
1
解决办法
796
查看次数