ashtastic / effect-triggers

Make buttons trigger effects on HTML elements on the page.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Effect triggers

  • Approx. completion time: 1 hour
  • Deliverables: 1 HTML file, 1 CSS file, 1 JS file

Make buttons trigger effects on HTML elements on the page.

  • Fork this repository.
  • Write a combination of CSS & Javascript to make each button perform an effect on their associated element.
  • Some of the CSS is already written: concentrate on the animations, transitions, and the properties that need to ease.
  • DO NOT change the HTML.
  • Run it through Markbot and make sure it passes all the checks.

Goal

Create the interaction shown in the linked video.


Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.

About

Make buttons trigger effects on HTML elements on the page.


Languages

Language:CSS 53.0%Language:HTML 26.9%Language:JavaScript 20.1%