Created
December 20, 2017 12:10
-
-
Save prat14k/5440267f16ee5d1626268258bd7c2c57 to your computer and use it in GitHub Desktop.
Shimmer like effect
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html><head><title>Blank Loader</title></head><body><div class=\"outer_container\"><div class=\"loader\"></div></div><style>html, body { margin:0; padding:0;background:rgba(0,0,0,0);}.outer_container { background:rgba(0,0,0,0);width:100%;overflow:hidden; position:relative}.loader {width: 90px;height: 2.5px;background: #2b2b2b;box-shadow: 0 0 80px 60px #000;animation: load 1.0s infinite;transition:all 1.0s ease-in-out;margin-left:0;}@keyframes load {0% {margin-left:-200px;}100% { margin-lefT:120%}}</style></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Just load it in the webview or where ever u want to load it. it brings a shimmer like effect. Can be used in loading.