I wanna make something like this page
Fonts (comments) are blurred and selectable but not pasteable. how to do something like this?
Asked
Active
Viewed 1.0k times
7
Cœur
- 37,241
- 25
- 195
- 267
Aritra Hazra
- 426
- 2
- 7
- 17
1 Answers
26
Blur effect, you can do this with css:
.textshadow {
color: transparent;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
The following css to prevent from copying text of web page.
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
There is also another way to prevent text from copying:
<p onmousedown='return false;' onselectstart='return false;'>Lorem ipsum</p>
Update
Site Text using SVG Blur effect. Here is Details. This effect does't prevent it from coping text, reason behind you can't copy it because of there are not showing you text but these are blank spaces you can see it also using developer tool.
FEATURED DEMO
-
but the text can be copied and pasted. i wanna exclude that feature – Aritra Hazra Jul 16 '14 at 06:31
-
thanks it helped a little.... but the thing is not exactly as the page shows.. see, you can only select it (by dragging over) but if u try to ctrl+c and ctrl+v that text it doesn't paste – Aritra Hazra Jul 16 '14 at 06:38
-
not working exactly like that page... it's also preventing form selecting – Aritra Hazra Jul 16 '14 at 06:44
-
drag over the blurred texts... the blue background appears as selected text (blurred) – Aritra Hazra Jul 16 '14 at 06:49
-
what the! the comments/answers were all blurred and was telling me to sign up to see them.. strange! – Aritra Hazra Jul 16 '14 at 06:53
-
@Hanze please see updated answer and don't forget to delete unwanted comments as i read them. – Manwal Jul 16 '14 at 07:25