-->

Иконка «Глаз» | CSS

<span id="eye"></span>

<style>
#eye {
  display: inline-block;
  position: relative;
  width: 3em; /* ширина элемента */ 
  height: 3em; /* высота элемента */ 
  background: currentColor; /* цвет иконки как цвет текста */ 
  border-radius: 70% 0 / 70%;
  transform: rotate(45deg);
}
#eye::before,
#eye::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
  background: #fff;
  border-radius: 100%;
}
#eye::after {
  width: 30%;
  height: 30%;
  top: 35%;
  left: 35%;
  background: inherit; /* цвет зрачка как у родителя */ 
}
</style>
в f t
наверх ↑

5 комментариев:

Анонимный
Вот бы ещё такой скрип найти, который бы выводил число просмотров поста рядом с этим глазиком. Не подскажите такой?
NMitra
Я не искала, поэтому не могу сказать, передаёт ли Blogger эти данные, например, в фид. Он же собирает статистику, возможно ей можно пользоваться.
NMitra
Я имею ввиду, как с количеством сообщений и комментариев http://shpargalkablog.ru/2011/02/schetchiki.html
Комиго
> передаёт ли Blogger эти данные, например, в фид.

Не-а, не передаёт. Чтобы получить статистику, нужно Blogger API использовать, но это слишком много мороки + ограничение для бесплатного использования
NMitra
Спасибо за разъяснения!

Отправить комментарий