CSS3 to achieve a faded iphone slide unlock effect

Post Code First

<! DOCTYPE html>{width:50%;margin:0 Auto;Line-height:50px;font-size:50px;text-align:Center;-webkit-background-clip:text;/*Crop by text*/-webkit-text-fill-color:Transparent;/*color of text using background color*/Background-color:#19385c;/*set a background color*/Background-image:-webkit-linear-gradient ( -45deg, rgba (0, 0, 0, 0.6) 30%, #aff0ff 50%, rgba (0, 0, 0, 0.6) 70%);/*set the background of the gradient, gradient by diagonal*/Background-blend-mode:Hard-light;/*set the background to strong light mode in mixed mode*/background-size:200%;-webkit-animation:Shine 4s infinite;/*animate background to change location*/}@-webkit-keyframes Shine{From {background-position:100%;} to{background-position:0;}} </style>

CSS3 to achieve a faded iphone slide unlock effect