Skip to content

Instantly share code, notes, and snippets.

@cansadadeserfeliz
Last active August 29, 2015 14:00
Show Gist options
  • Save cansadadeserfeliz/265fbf2232c9c8c41002 to your computer and use it in GitHub Desktop.
Save cansadadeserfeliz/265fbf2232c9c8c41002 to your computer and use it in GitHub Desktop.
CSS: blur and prohibit selection
.item-blur {
/* blur */
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYmx1ciI+DQoJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiIC8+DQoJPC9maWx0ZXI+DQo8L3N2Zz4=#blur);
-webkit-transition: -webkit-filter .50s;
/* prevent copy */
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.item-active {
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment