effect

Blur effect CSS3 Firefox(linux)

徘徊边缘 提交于 2019-11-30 16:37:50
I'm trying to get a blur effect on my photogallery if the user is not registered. I got it, but only for chrome. In my Firefox 14.0.1 (linux) I'm not able to get it working My html template (I develop under django) <h2> Gallerie</h2> <ul class="galeria" id="imagenes"> {% for image in gallery %} {% if user.is_authenticated %} <a rel="prettyPhoto[gallery]" href="{{image.url}}"> <img width="120px" height="120px" alt="{{image.comment}}" src="{{image.url}}"/> </a> {% else %} <img class="blur" alt="{{image.comment}}" src="{{image.url}}"/> {% endif %} {% endfor %} </ul> My site.css img.blur{ -webkit

How to apply a drop shadow effect when drawing to a DrawingContext in WPF?

倾然丶 夕夏残阳落幕 提交于 2019-11-30 13:01:57
I'm drawing into a DrawingContext , and I'd like to apply a drop shadow effect to part of the drawing. At the moment I create the relevant parts in a DrawingGroup and apply a BitmapEffect , but this has no effect: var layer = new DrawingGroup(); using (var lcontext = layer.Open()) { // draw stuff in lcontext } layer.BitmapEffect = new DropShadowBitmapEffect { Color = Colors.Black, ShadowDepth = 3, Opacity = 0.5 }; context.DrawDrawing(layer); This draws everything inside the layer correctly, but without the drop shadow effect. What am I doing wrong / how else might I apply a drop shadow to a

(CSS) Make a background image scroll slower than everything else

北战南征 提交于 2019-11-30 06:14:44
问题 here is is my CSS code for the body: body { padding: 0; margin: 0; background-image: url("../images/background.jpg"); background-repeat: no-repeat; background-color: grey; background-size: 100%; } What I want to do is make it so that the image scrolls slower than everything else on the page to make a simple parallax effect. I've looked online and all of the examples I've seen are much more complicated than what I want. 回答1: I stumbled upon this looking for more flexibility in my parallax

WPF Mouseover Trigger Effect for Child Controls

谁说我不能喝 提交于 2019-11-30 04:06:18
问题 Lets say I have this bit of code: <Window> <Window.Resources> <Color x:Key="MyColor" A="255" R="152" G="152" B="152" /> <DropShadowEffect x:Key="MyEffect" ShadowDepth="0" Color="{StaticResource MyColor}" BlurRadius="10" /> <Style x:Key="MyGridStyle" TargetType="{x:Type Grid}"> <Setter Property="Height" Value="200" /> <Setter Property="Width" Value="200" /> <Style.Resources> <Style TargetType="{x:Type TextBlock}"> <Setter Property="Width" Value="100" /> </Style> <Style TargetType="{x:Type

How can I implement Offset Path Effect in SVG without using Javascript or dilate/erode filters?

旧巷老猫 提交于 2019-11-30 02:07:33
I have a long time project: a basic vector graphic tool which runs in browser and uses SVG and Javascript (maybe you have seen somekind of these elsewhere). The tool has only very limited set of functions, because the audience is restricted and the purpose is very specific and in fact there are not allowed to be other functionality than what is explicitly allowed (you know). One missed feature is eroding (also known as inset or thin) and dilating (outset, thicken, bolden) polygons and other graphical elements. I have used Adobe Illustrator's Offset Path Effect many times and with it I can

How to achieve fixed position background scroll/reveal effect? jQuery plugin available?

a 夏天 提交于 2019-11-29 22:40:58
I was wondering if anyone knows if there is a jquery plugin, or how to achieve this sort of effect that is visible on the 'collection' section of fashion label krystalrae.com Screen Capture Video Any tips or nudges in the right direction would be greatly appreciated! Thank you! You can do this with CSS. All you need is some divs that are the same height as the window, with different background images with the property background-attachment: fixed; . #one { background: url(http://images.buzzillions.com/images_products/07/02/iron-horse-maverick-elite-mountain-bike-performance-exclusive_13526_100

How to apply a drop shadow effect when drawing to a DrawingContext in WPF?

时间秒杀一切 提交于 2019-11-29 18:34:52
问题 I'm drawing into a DrawingContext , and I'd like to apply a drop shadow effect to part of the drawing. At the moment I create the relevant parts in a DrawingGroup and apply a BitmapEffect , but this has no effect: var layer = new DrawingGroup(); using (var lcontext = layer.Open()) { // draw stuff in lcontext } layer.BitmapEffect = new DropShadowBitmapEffect { Color = Colors.Black, ShadowDepth = 3, Opacity = 0.5 }; context.DrawDrawing(layer); This draws everything inside the layer correctly,

WP8: Is there an easy way to scale and blur an BitmapImage for windows phone app?

假装没事ソ 提交于 2019-11-28 23:53:52
I am working on a windows Phone app that can read Album arts dynamically from Music files through MediaPlayer APIs. I wish to get album arts and resize for view's background. Since the resize would lose details and make image ugly so I would like to blur it or some kind of effect. Is there any API that I can blur the image? (either from C# or XAML)? Thanks a lot! I would start by using WriteableBitmap instead, to get a WriteableBitmap from a BitmapImage you can do the following: WriteableBitmap wb = new WriteableBitmap(bitmapImage); Then I would recommend using the WriteableBitmapExtension

android lollipop scrollview edge effect color

点点圈 提交于 2019-11-28 17:59:20
In my app i change the overscroll glow effect color like this: int glowDrawableId = contexto.getResources().getIdentifier("overscroll_glow", "drawable", "android"); Drawable androidGlow = contexto.getResources().getDrawable(glowDrawableId); assert androidGlow != null; androidGlow.setColorFilter(getResources().getColor(R.color.MyColor), PorterDuff.Mode.SRC_ATOP); But when i updated to lollipop this code crashes. I get following error code: FATAL EXCEPTION: main Process: com.myproject.myapp, PID: 954 android.content.res.Resources$NotFoundException: Resource ID #0x0 at android.content.res

(CSS) Make a background image scroll slower than everything else

十年热恋 提交于 2019-11-28 16:23:11
here is is my CSS code for the body: body { padding: 0; margin: 0; background-image: url("../images/background.jpg"); background-repeat: no-repeat; background-color: grey; background-size: 100%; } What I want to do is make it so that the image scrolls slower than everything else on the page to make a simple parallax effect. I've looked online and all of the examples I've seen are much more complicated than what I want. I stumbled upon this looking for more flexibility in my parallax speed that I have created with pure CSS and I just want to point out that all these people are wrong and it is