CSS skewY() 函数

定义和用法

CSS 的 skewY() 函数用于按照给定的角度沿 y 轴倾斜元素。

skewY() 函数在 transform 属性中使用。

实例

例子 1

使用 skewY() 按照给定的角度沿 y 轴倾斜几个

元素：

#myDiv1 {
  transform: skewY(15deg);
}
#myDiv2 {
  transform: skewY(30deg);
}
#myDiv3 {
  transform: skewY(-25deg);
}

స్వయంగా ప్రయోగించండి

例子 2

使用 skewY() 按照给定的角度沿 y 轴倾斜图像：

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

స్వయంగా ప్రయోగించండి

CSS సంకేతాలు

skewY(a)
విలువ వివరణ
a అప్రమత్తం. కోణం. y అక్షం పైన కన్నా కొరకు నిర్దేశించండి.

సాంకేతిక వివరాలు

వెర్షన్ నంబర్: CSS ట్రాన్స్ఫార్మ్స్ మొడ్యూల్ లెవల్ 1

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు మొదటి పూర్తిగా ఈ ఫంక్షన్ ను మద్దతు ఇచ్చే బ్రౌజర్ వెర్షన్ ను సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
1 12 3.5 3.1 10.5

相关页面

教程：CSS 2D 变换

పరికల్పన:CSS ట్రాన్స్ఫార్మ్ అట్రిబ్యూట్

పరికల్పన:CSS స్కీవ్ అనువాదం

పరికల్పన:CSS స్కీవ్ అనువాదం