emoji slider

This emoji slider demonstrates both how to use javascript to update an image with a HTML range slider and how to style it with CSS.

browsermage
39
0
JavaScript

Hi there, I’m Björn Hjorth 👋

I like combining the web and game development, if you like what you see please do not be a stranger and say “Hi” on Twitter @browsermage

Edit Demo on StackBlitz⚡️
·
Report Bug

About The Project

This emoji slider demonstrates how to use Javascript to update an image with a HTML range slider. And also how to re-trigger a CSS animation that has already been animated.

Prerequisites

  • Node
  • Npm

Getting started

  1. Clone the repo
    git clone https://github.com/browsermage/emoji-slider.git
  2. Move to the new directory
    cd emoji-slider
  3. Start up the development environment
    npm install
  4. Start up the development environment
    npm run dev

Contact

Björn Hjorth - @browsermage

Homepage: https://browsermage.com

License

Distributed under the MIT License. See LICENSE for more information.

Acknowledgments