Dribbble Rebound- "Basketball"

In this example below you will see how to do a Dribbble Rebound- "Basketball" with some HTML / CSS and Javascript

Insipred by @neoberg Gradient over a background image and perspective

This awesome code was written by artsmc, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright artsmc ©


  • HTML
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>Dribbble Rebound- "Basketball"</title>


 <div class="basketball">
 <div class="court">
  <span class="ball"></span><span class="shadow"></span>  
   <div class="lighting">
   <div class="stripe">
     <div class="circle">
     <div class="field">
   </div> <!--stripe-->
     <div class="dropshadow"></div> 
  <!--END SCRIPTS-->  
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>