Skip to content

Instantly share code, notes, and snippets.

@prat14k
Created December 20, 2017 12:10
Show Gist options
  • Save prat14k/5440267f16ee5d1626268258bd7c2c57 to your computer and use it in GitHub Desktop.
Save prat14k/5440267f16ee5d1626268258bd7c2c57 to your computer and use it in GitHub Desktop.
Shimmer like effect
<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>
@prat14k
Copy link
Author

prat14k commented Dec 20, 2017

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment