All Questions
Tagged with animation javascript
215 questions
3
votes
0
answers
78
views
React draggable sliding panel
I'm building a sliding bottom panel as a React component, adapting Phuoc Nguyen's excellent draggable element tutorial.
It currently looks like this:
The expected behavior is:
User taps on button to ...
- 31
3
votes
0
answers
49
views
Colorproof dust effect
A combination of various css transitions (background-color, box-shadow, opacity, ...
user279820
0
votes
1
answer
121
views
Creating custom setTimout function using requestAnimationFrame loop
I created a function using requestAnimationFrame loop that works pretty much like the plain JS setTimeout function (except that ...
- 173
2
votes
1
answer
988
views
Animating GIF on hover in Javascript
I don't know JavaScript and it's safe to say this is my first code ever written in JS.
I just needed to animate my GIFs when user hovers over them only.
Googling separate concepts such as "string ...
- 1,588
2
votes
1
answer
307
views
CSS gradient text that fades in and out
Here I have a basic text gradient effect which fades into a gradient animation, and fades out of the animation on hover in/out. Without the fade in, it looks janky and jolty. But because of the fade-...
- 321
1
vote
1
answer
190
views
Sidenav menu that appears when click on button
I have a side menu that appears when click on button, which works fine. But now I want to clean up my code, shorten it if possible. I was wondering if there is an easier and cleaner way to achieve the ...
- 11
1
vote
1
answer
118
views
Trying to follow Single Responsibility Principle with download and show progress
Let's get right into it, I have a function downloadFile(url, path); Downloads file and saves it.
donwloadFile.js
...
user197941
4
votes
1
answer
111
views
Four HTML tabs elements, with fade animations, activated by buttons
I am pretty new to Javascript and trying to make a really simple tabs element which is just hiding and showing sections depending on which button is clicked. I know that this is a terrible way of ...
1
vote
2
answers
2k
views
Animate circle using Javascript and HTML5 Canvas
Animate circle using Javascript and HTML5 Canvas. The circle will be drawn at the center of the canvas. The initial radius will be 0 and will keep on increasing till 100 and then decrease till 0 and ...
user245050
2
votes
0
answers
66
views
JS icons animation
I've written a simple JS that takes care to animate an icon.
At first I wrote it quickly and without paying attention to any kind of optimization:
...
- 21
7
votes
1
answer
134
views
Vanilla JS/CSS -- set of buttons to trigger sliders by transitioning height value
I've been working on a solution that allows a set of buttons to reveal divs that slide down from above on-click. I needed each button to toggle an active state for itself, but also if the user were to ...
- 71
3
votes
1
answer
96
views
Draw element border according to scroll amount
I needed to draw border element according to scroll amount.
I made it work but I am not sure about optimization and performance.
There may have a better way? I am open to suggestion
you can see it ...
- 33
1
vote
2
answers
292
views
Javascript Anime Support Switch Statement for .animate() Api
This is a revision of a previous question that I asked (i.e. Check browser compatibility for RequestAnimationFrame and Vanilla JavaScript .animate() API), with new aspects that I have learnt in ...
- 159
1
vote
3
answers
1k
views
Check browser compatibility for RequestAnimationFrame and Vanilla JavaScript .animate() API
I'm trying to set up some code to first test if the Vanilla JavaScript .animate() API is Supported, then if it's not check if ...
- 159
2
votes
1
answer
324
views
Javacript/jQuery animation makes text appear/disappear as if typed
On Eric Amodio's website and JS.ORG, there is a Javascript animation which makes text appear/disappear as if it is being typed.
I tried to replicate something similar but far more basic on JSFiddle.
...
user177966