jQuery addClass example

Change class name on click in jQuery

by holden321

HTML

<div class="container">

<div class="current"></div>
<div class="ani">
  <div class="img blurred"></div>
  <div class="img faded"></div>
</div>

</div>

CSS

.container {
  position: relative;
  left: 30px;
  top: 30px;
}

.current {
  position: absolute;
  width: 500px;
  height: 300px;
  backgroundz: url(https://loremflickr.com/500/300?lock=2);
}


.ani .img {
  position: absolute;
  backgroundz: url(https://loremflickr.com/500/300?lock=1);
  width: 500px;
  height: 300px;
}
.ani .img.blurred {
  filter: blur(10px);
}

.ani .img.faded {
  background: url(https://loremflickr.com/500/300?lock=1);
  -webkit-mask-box-image: -webkit-radial-gradient( closest-side, black 0%, black 50%, transparent 100%);
}