html rotate()函数,CSS rotate()用法及代码示例
rotate()函数是一个内置函数,用于基于给定角度作为参数旋转元素。可以按照度数,刻度,弧度或转角设置角度。
用法:
rotate( angle )
参数:该功能接受代表旋转角度的单个参数角度。正角和负角分别使元素顺时针和逆时针旋转。
以下示例说明了CSS中的rotate()函数:
范例1:
CSS rotate() function
body {
text-align:center;
}
h1 {
color:green;
}
.rotate_image {
transform:rotate(45deg);
}
GeeksforGeeks
CSS rotate() function
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="GeeksforGeeks logo">
输出:
范例2:
CSS rotate() function
body {
text-align:center;
}
h1 {
color:green;
}
.GFG {
font-size:35px;
font-weight:bold;
color:green;
transform:rotate(30deg);
}
GeeksforGeeks
CSS rotate() function
输出:
支持的浏览器:rotate()功能支持的浏览器如下:
谷歌浏览器
IE浏览器
火狐浏览器
苹果浏览器
Opera
html rotate()函数,CSS rotate()用法及代码示例相关推荐
- rotate函数css,CSS hue-rotate()用法及代码示例
hue-rotate()函数是一个内置函数,用于对图像应用滤镜以设置图像的色调旋转. 用法: hue-rotate( angle ) 参数:该功能接受单参数角度,该角度保持hue-rotation的角 ...
- html 图片使用scale,CSS scale()用法及代码示例
scale()函数是一个内置函数,用于在2D平面中调整元素的大小.它在水平和垂直方向上缩放元素. 用法: scale( sx ) 或者 scale( sx, sy ) 参数: sx:它将在水平面中调整 ...
- css中的inset,CSS inset()用法及代码示例
inset()函数是CSS中的内置函数,与filter属性一起使用以更改图像的插入. 用法: inset( length | percentage ); 参数:此函数接受单个参数长度,该参数长度用于保 ...
- python中strftime函数_Python strftime()用法及代码示例
在Python中,日期和时间不是其自身的数据类型,而是名为 strftime()函数用于将日期和时间对象转换为其字符串表示形式.它需要一个或多个格式化代码输入,并返回字符串表示形式. 用法: strf ...
- css中repeat用法,CSS background-repeat用法及代码示例
CSS中的background-repeat属性用于水平和垂直重复背景图像.它还决定是否重复background-image. 用法 background-repeat:repeat|repeat-x ...
- oracle中ln函数,PLSQL LN用法及代码示例
LN函数是PLSQL中的内置函数,用于返回给定输入数字的自然对数.数字的自然对数是该数字与底数e的对数,其中e是近似等于2.718的数学常数.这使用lnx表示法,有时也用logex表示. 用法: LN ...
- MySQL inet aton函数_MySQL INET_ATON()用法及代码示例
INET_ATON(): MySQL中的此函数将IPv4地址的dotted-quad表示形式作为字符串,并以整数形式返回给定IP地址的数值.如果输入地址不是有效的IPv4地址,则此函数返回NULL.返 ...
- mysql的weekday函数_MySQL WEEKDAY()用法及代码示例
MySQL中的WEEKDAY()函数用于查找给定日期的工作日值.如果日期为NULL,则WEEKDAY()函数将返回NULL.否则,它将返回日期的索引,即星期一为0,星期二为1,星期日为6. 用法: W ...
- oracle sql length函数,PLSQL LENGTH用法及代码示例
PLSQL LENGTH函数用于返回指定字符串的长度,换句话说,它返回char的长度. PLSQL中的LENGTH函数接受的char可以是任何数据类型,例如CHAR,VARCHAR2,NCHAR,NV ...
最新文章
- 浅谈网络协议(一) 为什么要学网络协议
- JeecgBoot 2.x版本SQL漏洞补丁发布——响应零日漏洞修复计划
- phpcms v9网站的数据库配置文件在哪
- 温故而知新 js 的错误处理机制
- Linux常用命令及笔记
- linux c程序面试题,嵌入式linux面试题解析(二)——C语言部分一
- 真正的创业是什么感觉?
- verify code
- 多媒体计算机主机有哪些硬件,现在市场上多媒体电脑主要有哪些硬件部分组成?...
- c语言程序设计考试流程图,c语言程序设计流程图详解.pdf
- 基于开源 Rexsee 的 UP 移动浏览器开放测试
- PHP在线工具箱源码站长引流+在线工具箱源码+多款有趣的在线工具+一键安装
- 拓视角丨拓宽市场边界,数智化转型构建产业新格局
- 【团体天梯赛/PTA】7-34 福到了 (15 分)
- 斯帅:没料到詹姆斯会耗光时间再投
- Python异常及处理
- python红楼梦绘制词云形状图_python数据挖掘实战笔记——文本挖掘(5):词云美化之绘制《红楼梦》词云图...
- 2021-2027全球及中国燃料电池驱动系统行业研究及十四五规划分析报告
- MinIO The access key ID you provided does not exist in our records问题解决
- 不断进化中的新型零售 便利蜂力主科技赋能