The modern approach is much easier: [NSAnimationContext runAnimationGroup:^(NSAnimationContext *context) { context.duration = 1; view.animator.alphaValue = 0; } completionHandler:^{ view.hidden = YES; view.alphaValue = 1; }]; If the view hierarchy is layer-backed, it’s actually sufficient to do: view.animator.hidden = YES;
I can’t actually test it right now, but I believe fadingEdge is what you’re looking for: android:fadingEdge=”none” or listView.setVerticalFadingEdgeEnabled(false); http://developer.android.com/reference/android/view/View.html#setVerticalFadingEdgeEnabled(boolean)
$(“div”).click(function () { $(this).fadeOut(1000); }) There are also fadeIn and fadeToggle.
You have to make it fadeOut() first, or hide it. Try this : $(“.thumbs a”).click(function(e) { e.preventDefault(); $imgURL = $(this).attr(“href”); $(“.boat_listing .mainGallery”) .fadeOut(400, function() { $(“.boat_listing .mainGallery”).attr(‘src’,$imgURL); }) .fadeIn(400); }); It should fadeOut the image, then change the src when it’s hidden, and then fadeIn. Here’s a jsFiddle example. Edit: you can find a more … Read more
Here is what worked for me: <ScrollView android:requiresFadingEdge=”vertical” android:fadingEdgeLength=”150dp”> Or instead in your code, you could do the following: ScrollView scroll = findById(…); scroll.setVerticalFadingEdgeEnabled(true); // Or `scroll.setHorizontalFadingEdgeEnabled(true)`. scroll.setFadingEdgeLength(150);
This is probably what you wanted: $(‘#elem’).fadeTo(‘slow’, 0.3, function() { $(this).css(‘background-image’, ‘url(‘ + $img + ‘)’); }).fadeTo(‘slow’, 1); With a 1 second delay: $(‘#elem’).fadeTo(‘slow’, 0.3, function() { $(this).css(‘background-image’, ‘url(‘ + $img + ‘)’); }).delay(1000).fadeTo(‘slow’, 1);
Wrap <router-view></router-view> with <transition name=”fade”></transition> and add these styles: .fade-enter-active, .fade-leave-active { transition-property: opacity; transition-duration: .25s; } .fade-enter-active { transition-delay: .25s; } .fade-enter, .fade-leave-active { opacity: 0 } Detailed answer Assuming you have created your application with vue-cli, e.g.: vue init webpack fadetransition cd fadetransition npm install Install the router: npm i vue-router If you … Read more
Answer for 2020: This effect can now be achieved with true alpha transparency, without the need to cover the bottom with an additional <div>. Simply use the CSS mask-image property with a linear gradient that fades from black to transparent. The browser should take care of the rest for you. Demo: .container { -webkit-mask-image: linear-gradient(to … Read more
Here is the solution I’m using now, that works on API level lower than 12: AlphaAnimation anim = new AlphaAnimation(1.0f, 0.0f); anim.setDuration(1000); anim.setRepeatCount(NUM_REPEATS); anim.setRepeatMode(Animation.REVERSE); button.startAnimation(anim);
You can do something like this, this is a full toggle version: $(“#mySelector”).animate({ height: ‘toggle’, opacity: ‘toggle’ }, ‘slow’); For strictly a fadeout: $(“#mySelector”).animate({ height: 0, opacity: 0 }, ‘slow’);