Linked Questions
12 questions linked to/from How to transition CSS display + opacity properties
43
votes
6
answers
146k
views
ToggleClass animate jQuery?
I have a section on my website that when a user clicks I would like it to expand, I'm using the jQuery's toggleClass for this...
expandable: function(e) {
e.preventDefault();
$(this).closest('...
- 9,845
0
votes
1
answer
8k
views
CSS Transitions in Tabs
Why does the transition I set up not animate? I would expect that since the class animate is being removed and then re-added to the element then it would re-animate once switching tabs.
https://...
- 125
0
votes
3
answers
2k
views
Prevent fouc in firefox and ie
I'm trying to prevent FOUC in FF & IE. Loading my css async, (understandably) causes it. Setting a function to hide and then show the body works on Chrome, but not IE/FF.
I've tried every ...
user4812105
1
vote
2
answers
1k
views
CSS opacity ignores transition time
My solution:
I changed the display styles to visibility styles because this solution suited my webpage best. Many other solutions can be found by Googling "display block overrides animation". The ...
- 576
0
votes
1
answer
2k
views
CSS3 opacity animation + display:none
I tried to implement a CSS3 animation fading out an element then applying a display:none to it, I found the idea on this SO question : Animation CSS3: display + opacity
.step2 .user-input {
...
- 3,684
0
votes
3
answers
1k
views
Animate opacity from 0 to 1 to 1 while moving on x axis
I am facing a problem with jQuery, and I need your help!
I have an object there is moving from one point to another on the x-axis. What I really want to achieve, is a animation of this objects ...
- 1,094
2
votes
1
answer
282
views
How can I make my CSS text captions fade in and fade out?
I have been trying to make an image map with HTML and CSS where the user rolls over a certain part of an image and a text caption pops up. I think i am nearly there but i would like the text caption ...
- 29
1
vote
3
answers
441
views
Why this animate display none to block not working?
Why this animate display none to block not working ?
First code look like this, and it's work good
$(".box_outer").stop().animate({top: '25px' , opacity: 1}, 100);
When i add display: none; to ...
- 109
1
vote
3
answers
344
views
Button behind text only on mobile
I am trying to do a very simple quiz like this one:
https://www.sitepoint.com/simple-javascript-quiz/
I tried to make it more responsive and added this line:
<meta name="viewport" content="width=...
- 615
0
votes
3
answers
547
views
How to make a image appear and disappear through simple animation?
How to make a image disappear and then make it appear through animation?I also want to run this animation only once.
I tried doing it with key frames by using opacity to make is appear but if I want ...
0
votes
2
answers
144
views
"content" div height adapted to content.
I have this tabs and I would like that the 'content' div height get adapted to the height of the content. I have tried several things but some of them doesn't work, others work but the tabs get like ...
- 3
0
votes
3
answers
39
views
I can't seem to disable the scroll bar
I am trying to disable the scroll bar on page1 but not page2. I have tried many things such as overflow: hidden; or adjusting the height but I have had no luck.
Here is the JSFiddle: jsfiddle.net/...
- 315