Эффект, затрудняющий прочтение текста

Этот эффект я увидел на одном сайте, где авторы решили так оригинально бороться с пользователями ад-блокера.

Дескать сайт живет за счет рекламы, а раз вы её отключаете, то вот вам бяка в виде не читаемого текста.

Вот как выглядит трансформированный текст:

Прочитать его можно, но придется немного потрудиться.

Мне стало любопытно как достигается такой эффект, и вот что я увидел в стилях.

По всей видимости, создаётся CSS класс со случайным именем, который выполняет «двойной» зеркальный поворот текста.

Идею можно развивать, например, добавить переворот вверх тормашками отдельных параграфов.

Где можно применить данный эффект

  • Как и авторы сайта, где я подсмотрел идею, вы можете так высказать своё негодование по поводу ad blocker пришедшему на ваш сайт пользователю. Я лично не считаю это правильным, т.к. рекламные блоки, банеры, вставки сильно утомляют. И если пользователь начинает бороться с этим явлением, то это его полное право. Реклама должна быть более оригинальной и не такой навязчивой;
  • Эффект можно применять для отображение ответов на какие викторины или чего в том же роде, чтобы пользователь не мог сразу прочитать ответ;
  • Для создания «зашифрованного текста» в игре.

Возможно, у вас есть и другие варианты, как использовать эффект или как усложнить читабельность текста — делитесь в комментариях.

Важный момент использования этого эффекта, что текст нормально будет индексироваться поисковой машиной. Не требуется каких либо скриптов и т.п.

Написать комментарий

Мало букафф? Читайте есчо !

Делаем треугольник на CSS с помощью border

Апрель 19, 2016 г.

Мы не будем углубляться в CSS3, где есть такое свойство как shape-outside, т.к. с его помощью легко можно сделать из обычного слоя любой многоугольник: ...

Читать

Виджетик для сравнения двух картинок

Ноябрь 1, 2015 г.

Этот виджет может найти применение для сайта дизайнера или фотографа, которые занимаются реставрацией или обработкой изображений. Наверное, приложений ...

Читать

 

Комментарии к «Эффект, затрудняющий прочтение текста»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: