Как сделать солнечный блик на блоке?

Рейтинг: 1Ответов: 1Опубликовано: 21.01.2015

Здравствуйте!

Есть необходимость имитировать эффект солнечного блика на блоке!
Как это сделать?

Просто, может, видели где подобное, чтобы посмотреть, или вообще тотуриал есть. Думаю что-то с градиентом светлого цвета на бекграунде надо делать или канвас, не знаю даже.

Вот такой элемент - круг, как на нем сделать солнечный зайчик (типа чтобы промелькнул или как-то так).
В общем, буду раз любой помощь!
Спасибо!

css html jquery css-animation canvas
Источник: Stack Overflow на русском

Ответы

▲ 2

Может, как-то так?

Или именно блик нужен, а не отсвечивание?

.circle:before {
  content: "";
  width: 80%;
  height:55%;
  margin:0 auto;
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
  border-radius:50%; 
  display:block;
}