CSS Reflection: Могу ли я сделать его масштабированным и наклонным?

Question

Можно ли иметь HTML-элемент с отражением CSS, но также определять наклон и масштаб отражения?

Примечание. Я пишу только для iPad, поэтому ятолько с использованием CSS3 -webkit-box-reflections. Может быть, есть атрибуты -webkit-box -lection, которые я могу определить для этого?Например:

style="-webkit-box-reflection: below 0px skew(5) scale(0.5);"

PS: Есть ли способы получить отражения в Firefox, Chrome (здесь должен работать веб-набор, не так ли?) И IE?Насколько я знаю, вы можете использовать только CSS-трюки, чтобы заставить отражения работать в Firefox, это правда?Разве нет -moz-box-отражения?

Answer 1

Да, вы можете сделать это, но не в -webkit-box-reflection, вы должны сделать это и с элементом:

-webkit-transform: skew(5) scale(0.5);

-webkit-transform:  /* Saf3.1+, Chrome */
   -moz-transform:  /* FF3.5+  */
    -ms-transform:  /* IE9  */
     -o-transform:  /* Opera 10.5  */
        transform:  /* Standard */
           filter: progid:DXImageTransform.Microsoft.Matrix(/* attr */) /* IE6–IE9 */
             zoom: 1; /* for filter (IE) */

но я не знаю ни одного кросс-браузерного решения для box-рефлекса, кроме canvas