SALE STRIKETHROUGH AND COLOR

<p><font size="3"><strike>$95.00 USD</strike> </font><font color="    #246BB2"size="3">   <b>$76.00 USD</b></font></p> 

tilt or rotate and blur with color fade

/*BLUR*/
.sqs-gallery-block-grid .margin-wrapper {

  -webkit-transition: all 1s ease-out;
     -moz-transition: all 1s ease-out;
       -o-transition: all 1s ease-out;
      -ms-transition: all 1s ease-out;
          transition: all 1s ease-out;
  

}
.sqs-gallery-block-grid .margin-wrapper:hover {
  -webkit-filter: blur(2px) grayscale(0);   
}

/*OCUPANCY*/
.sqs-gallery-block-grid .margin-wrapper {
    opacity: 1;
    filter: alpha(opacity=50);
     -webkit-transition: all 1s ease-out;
    }
.sqs-gallery-block-grid .margin-wrapper:hover {
    opacity: 0.8;
    filter: alpha(opacity=100);
     -webkit-transition: all 0.5s ease-out;
    }
    


/*MORPH*/
.sqs-gallery-block-grid .margin-wrapper {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
          transition: all 0.4s ease;
}
.sqs-gallery-block-grid .margin-wrapper:hover {
  border-radius: 80%;
  -webkit-transform: rotate(2deg);
     -moz-transform: rotate(2deg);
       -o-transform: rotate(2deg);
      -ms-transform: rotate(2deg);
          transform: rotate(4deg);
}

 

best fade but still doesn't fade out

 

/*BLUR*/
.sqs-gallery-block-grid .margin-wrapper {
  
  -webkit-transition: all 2s ease-out;
     -moz-transition: all 2s ease-out;
       -o-transition: all 2s ease-out;
      -ms-transition: all 2s ease-out;
          transition: all 2s ease-out;

}
.sqs-gallery-block-grid .margin-wrapper:hover {
  -webkit-filter: blur(2px) brightness(1.1) grayscale(0.1);
}

title pop up on bottom

 

.sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; position: inherit; background-color: rgba(255,255,255,0.9); top: -18px; margin-bottom: -18px; opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { opacity: 1; }

gallery block blur

/*BLUR*/
.sqs-gallery-block-grid .blur {
  
  -webkit-transition: all 1s ease-in;
     -moz-transition: all 1s ease-in;
       -o-transition: all 1s ease-in;
      -ms-transition: all 1s ease-in;
          transition: all 1s ease-in;
}
.sqs-gallery-block-grid:hover {
  -webkit-filter: blur(3px);
}

.sqs-gallery-design-grid-slide:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

 

 

SIMPLE HOVER