animation

  1. F

    JavaScript Why is my gltf-animations not playing? (Javascript & Three.js)

    //gltf-object const loader = new GLTFLoader(); loader.load('stegosaurs_SStenops.glb', (gltf) => { gltf.scene.position.set(0, 40, 130); gltf.scene.visible = true; scene.add(gltf.scene); // Animation; let mixer = new AnimationMixer(gltf.scene); mixer = new...
  2. A

    Python Animated heatmap with Seaborn and matplotlib

    Hello everyone ! I’m trying to animate a heatmap for data visualization. (Just to clarify, I am a beginner in coding) The heatmap is generated from a matrix where cells situated at the center of the map take a +1 value at each iteration. I don’t use numpy for the matrix but comprehension...
  3. SpongeBOB

    CSS Zoom/expand an outline on hover.

    Hi, I found a neat effect on this page https://theonestopradio.com/country/country-list when you hover one of the flex box item a outline expand outside ! I've look the code and I tried few thing but I can't manage to have something similar.. any ideas ? Thanks
  4. SpongeBOB

    CSS Play two CSS animation at the same time , should be possible...

    Hi, I have set two CSS animation with @keyframes. When I launch them individualy it's work. but when I try togethere only one is running... any ideas ? @keyframes fieldsetLoginAnim { 0% {transform: scale(0,0);} 25% {transform: scale(1.2,1.2);} 50% {transform: scale(0.8,0.8);} 75%...
  5. SpongeBOB

    Answered Animate background-color to x transparent with Variable

    Hi everyone, I have an HTML element (fieldset) that I would look to animate the background-color transparency, from solid to 0.75 of transparency If there will be a way just to change the alpha channel that would be great.. but here what I've done so far. The background color of this fieldset...
  6. Johna

    CSS Is it Possible to Pause a CSS Animation at a Specific Key Frame?

    Is it possible to pause a CSS animation at a specific key frame? I have this HTML: <div id="sliderMain"> <div id="sliderLL" class="st2"></div> <div id="sliderL" class="st1"></div> <a href="#" style="cursor: default;"><div id="sliderM" class="st0"></div></a> <div id="sliderR"...
  7. M1710

    HTML & CSS Rollercoaster animation

    Hi, At the moment I'm working on a project where I want to animate a rollercoaster. I've added the image that I'm working with. I want to animate an attraction ride up and down on the light grey line (front line). I've tried many things but I can't seem to come up with a solution. Anyone here...
Top