эффект пятна с использованием CSS на hover

Question

Я нашел этот приятный эффект пятна здесь - http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html.

Вот копия этого - http://jsfiddle.net/cyvvilek/cL7x6/3/

мне было интересно, есть ли способ, чтобы получить этот эффект на парении. Я думаю, что вместе с некоторой анимацией CSS эффект будет приятным. Существует тяжелое использование: после и: раньше в CSS, поэтому он не может быть #box: после: hover или что-то в этом роде :) Я слышал о возможности вложенности в SASS или LESS .. Может ли это быть только с CSS?

Thx

Answer 1

К сожалению, псевдо-элементы, как: после того, как и: прежде, чем не может быть переведен еще. SASS и LESS компилируются до CSS, поэтому все технически возможно с помощью SASS или LESS возможно с помощью простого CSS.

Что вы можете сделать, так это иметь отдельный элемент (возможно, div) с верхней тенью и вывести его из строя и вызывать при наведении. В качестве альтернативы вы можете использовать изображение.