No Copy Paste With CSS Only

.view-code sb77 {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;}

.view-code .noCopyPaste {
   background-color: rgba(146,96,91,0.3);
   -webkit-transform: translateX(-800px);
   -moz-transform: translateX(-800px);
   -o-transform: translateX(-800px);
   -ms-transform: translateX(-800px);
   transform: translateX(-800px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;}

.view-code:hover .noCopyPaste {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);}

.view-code:hover sb77 {
   -webkit-transform: translateX(800px);
   -moz-transform: translateX(800px);
   -o-transform: translateX(800px);
   -ms-transform: translateX(800px);
   transform: translateX(800px);}