Stack Overflow
Stack Overflow

Questions tagged [transition]

DO NOT USE! THIS TAG IS AMBIGUOUS. Try to use a less ambiguous tag like [css-transitions], [android-animation] or [ios-animations] [pytransitions] if possible.

5240 questions
17
votes
1 answer

CSS: bottom-border-transition - expand from middle

I want to add a bit of transitions to my website. I already have that when someone is in a input-field (so :focus) the border changes color with a transition. I would like that transition to happen from the center to left and right. So the animation…
Ian
  • 179
  • 1
  • 1
  • 9
17
votes
2 answers

CSS filter grayscale not working in Firefox

I'm having troubles doing a transition from grayscale to colored, it works in chrome, but that is it. Here is the HTML:

Title -…

sunshinekitty
  • 2,307
  • 6
  • 19
  • 31
17
votes
6 answers

CSS 3 - transition prefixes - which ones to use?

I have a question regarding the CSS vendor prefixes for transition. This source states that "you need to use all the usual prefixes to make this work in all browsers (-o-, -webkit-, -moz-, -ms-)". That page only shows the -webkit- and -moz- prefixes…
Sven
  • 12,997
  • 27
  • 90
  • 148
16
votes
2 answers

Zooming on a point with CSS3 transform scale

Even if the following code snippet seems short, I struggled during days (shame on me!) to find a way to zoom on the point that is clicked using only CSS3 transform. It works now: var current = {x: 0, y: 0, zoom: 1}, c =…
Basj
  • 41,386
  • 99
  • 383
  • 673
16
votes
3 answers

Adding Image Transition Animation in Swift

Below is the code that automatically transitions between different images, every 5 seconds. I want to add animations to the transitions i.e. fade, scroll from left, etc. How would I go about doing this in Swift? Thanks. class ViewController:…
user3318660
  • 303
  • 1
  • 3
  • 17
16
votes
8 answers

fade between two UIButton images

i want to fade between two UIButton images for the purpose of setting favorites in a UITableView. Currently the transition is done without effect - it just changes the images directly on click/touch: trans_img = [UIImage…
user1069822
  • 191
  • 1
  • 2
  • 6
16
votes
3 answers

d3.js transition end event

I am applying a transition to a group of nodes returned by selectAll(). I thought the end event would fire after all transitions finished, but each("end",function) gets called at the end of each transition. So is there any way to set a callback…
Dipro Sen
  • 4,350
  • 13
  • 37
  • 50
15
votes
4 answers

How can I repeat a transition forever?

I have a transition looking like this:
CPlusPlus
  • 479
  • 5
  • 14
15
votes
3 answers

Vuetify transitions: How to set the transition speed

I have an component that I would like to be displayed slowly sliding from the bottom of a parent component. I defined it inside , but how I can make it slide slowly from the bottom? I cannot find any attributes…
user762579
15
votes
2 answers

Vue 2 Transition not working

I have no idea where my code went wrong. It should be a simple transition. When I click the button the message shows correctly, but just that the there is no fade transition happening at all.