Skip to content

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.

License

Notifications You must be signed in to change notification settings

browsermage/emoji-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published