Highest Voted 'fade' Questions

5

votes

1 answer

Vue 3 – fade transition broken

I read about the transition changes from Vue 2 however and read the Vue 3 docs but I still can't figure out how to make the transition work. I'm very new to Vue. The old page should fade out and the new page should fade in, I can't get it to work…

javascript fade vuejs3

asked Dec 28 '20 at 21:14

Anna

111
1
7

5

votes

2 answers

jQuery fade flickers

I have jQuery fade going here: http://dougie.thewestharbour.com/ When you hover over the .main-overlay div I would like it to fade out then when you take your mouse off of it, I would like it to fade back in. However, you can see it's just…

jquery hover fadein fade fadeout

asked May 11 '11 at 16:06

Wade D Ouellet

681
3
21
36

5

votes

3 answers

Jquery crossfade without a plugin

a lot of stuff here pointing to plugins to do crossfades and stuff, but none really fit my needs. i have 2 things on my page: A large image, a div containing 3 or four small thumbnails when a thumbnail is clicked it reads in the src and changes the…

jquery image fade

asked Apr 14 '11 at 14:18

Dizzy Bryan High

2,015
9
38
61

5

votes

4 answers

Is there a jQuery plugin for fading textbox hints?

I was wondering whether there is a jQuery plugin available which can show hints in a textbox when it is empty. What I found was: http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/. However, this just acts as the placeholder HTML5…

javascript jquery textbox fade hint

asked Mar 25 '11 at 16:22

pimvdb

151,816
78
307
352

5

votes

2 answers

jquery fade out display:none

Why doesn't my jQuery fade out work. If I replace Out with In and None with Inline it will fade in fine but it won't fade out. Any ideas? $(this).find(".hover").fadeOut("slow").css({display:"none"});

jquery fadein fade fadeout

asked Mar 01 '11 at 20:33

pjiorwierjog

67
1
1
8

5

votes

2 answers

Make modal fade in/out using ng-bootstrap modal Angular 2+

I am using Angular 4 with ng-bootstrap as shown here I am trying to get the modal to slide and fade in/out, but there are no examples provided to do that. I have tried both solutions on this thread, such as opening my modal like so with a custom…

angular modal-dialog angular5 fade out

asked May 10 '18 at 14:53

Jonny Holmes

161
1
14

5

votes

1 answer

how to start an animation on the end of another animation?

I am trying to have a dot fade from white to red and then from white to red. This is what I have thus far:

animation svg fade smil

asked Jan 24 '11 at 04:40

Phil

10,948
17
69
101

5

votes

1 answer

jQuery: Color fade

Is it possible to have 2 colors (red, green) and give the percentage of fading. Example: black (#000000) => white (#ffffff) --- Percent: 50% => grey (#808080) Is this maybe possible with jQuery xcolor, if yes, how? (the xcolor.analogous example…

jquery colors fade

asked Oct 16 '10 at 22:48

Poru

8,254
22
65
89

5

votes

1 answer

Add alpha to shader in Unity3D

I don't have any idea about shader programming but right now I need to add alpha to the shader that I want to use. Actually I want to fade in and fade out my sprite but it's not in the shader that I use. Shader : Shader "Sprites/ClipArea2Sides" { …

unity-game-engine shader fade alpha

asked Sep 01 '15 at 11:52

ATHellboy

704
3
15
30

5

votes

1 answer

Fade out/fade in TextView based on scroll

I have a horizontal RecyclerView in a LinearLayout with a TextView above it, like this:

android textview fade android-recyclerview

asked Apr 19 '15 at 06:54

kb_14

267
1
6
18

5

votes

1 answer

Fade HTML element with raw javascript

It's my second question of the day related to the same problem, so I apologize for that. I was able to put together a function to "fade out" an element, and it works just fine, my problem is that when I try to reverse it, so the element "fades in"…

javascript fade setinterval

asked Apr 23 '10 at 00:36

jnkrois

658
1
12
30

5

votes

3 answers

how to fade two images with ffmpeg

I have two images and I want to create a simple fading transition between them. I also want the final output to be a sequence of images rather than a video? So if the fading transition was 10 frames long I'd want the output to be a sequence of 10…

image ffmpeg transition fade

asked Feb 01 '14 at 03:34

steve

3,878
7
34
49

5

votes

3 answers

Fading in page on load

I am trying to use j-query to fade in my pages body upon load, however for some reason the body's background image is not being affected by the j-query. Please see the code I have below: J-Query Code in head section:

javascript jquery css fade

asked Nov 13 '13 at 19:17

Sam Friday Welch

265
2
4
14

5

votes

5 answers

jquery hover image fade swap

I have been searching online for awhile, trying to find the best way to write a jquery script that does this simple task: swapping an image on hover with an elegant fade effect. I have found many solutions (some way to cumbersome and clunky), and…

jquery image hover fade

asked Dec 07 '09 at 04:32

JCHASE11

3,901
19
69
132

5

votes

4 answers

CSS3 - Fade between 'background-position' of a sprite image

I want to fade between 'background-position' of a sprite image only with CSS. I found a lot o tutorials but I didn't found something simple like this: CSS3 - Fade between…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/image" class="post-tag grid--cell" title="show questions tagged 'image'" rel="tag">image</a> <a href="../../questions/tagged/sprite" class="post-tag grid--cell" title="show questions tagged 'sprite'" rel="tag">sprite</a> <a href="../../questions/tagged/fade" class="post-tag grid--cell" title="show questions tagged 'fade'" rel="tag">fade</a> <a href="../../questions/tagged/background-position" class="post-tag grid--cell" title="show questions tagged 'background-position'" rel="tag">background-position</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Apr 09 '13 at 10:47">asked Apr 09 '13 at 10:47</time> <a href="../../users/1274699/cbuzatu" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1274699.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="CBuzatu" /> </a> <div class="s-user-card--info"> <a href="../../users/1274699/cbuzatu" class="s-user-card--link">CBuzatu</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">745</li> <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li> <li class="s-award-bling s-award-bling__silver" title="16 silver badges">16</li> <li class="s-award-bling s-award-bling__bronze" title="29 bronze badges">29</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/fade_page=6" rel="prev" title="Go to page 6">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/fade_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/fade_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/fade_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/fade_page=99" rel="" title="Go to page 99">99</a> <a class="s-pagination--item" href="../../questions/tagged/fade_page=100" rel="" title="Go to page 100">100</a> <a class="s-pagination--item" href="../../questions/tagged/fade_page=8" rel="next" title="Go to page 8"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>

Questions tagged [fade]