Можно примерно так.

Есть к нему псевдоклассы:

before и after - псевдоэлементы

.element:hover:before {
  opacity: 1;
}

Можно повесить точку останова на элемент, в котором изменяется атрибут.

Пример с хромом.


В firebug есть аналогичная возможность.

jsfiddle.net/yurzui/qcs1bzc7/

Есть такое решение - открываем палитру узоров и наводим курсор на желаемый. Нам всплывет подсказка с базовыми размерами узора. Вооружившись данной информацией создаем новый документ такого размера и делаем заливку нашим узором. В итоге получаем желаемую картинку.
Источник