51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

css3 自动水平翻转
<div> <img src="图片路径"> </div> <style type="text/css"> img{animation: hove 3s linear infinite;webkit-animation: hove 3s linear infinite;} @-webkit-keyf ...
css
其他
转载
mb5ff98083d7c62
2021-10-18 10:58:00
593阅读
2评论

CSS3 卡片翻转(transform)
这里只考虑chrome的兼容。card1.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>卡片翻转——以下边为轴</title> <style> #my3dspace {
html
css3
transform
卡片翻转
3d
原创
mb638413918930b
2022-11-28 18:27:41
800阅读

黑色CSS3立体动画菜单
在线演示 本地下载
立体动画菜单
CSS
转载
mob604756f23a7e
2018-12-03 20:23:00
171阅读
2评论

CSS3实现的立体button
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
html
html5
ide
xml
css3
转载
mob604756fbb3bd
2017-07-09 15:54:00
209阅读
2评论

使用css3做立体效果！
话不多说，大家直接保存代码运行就会有效果！（注：可能问题描述不是很清晰，望大家多多理解） <style> a.button{display:block; outline:none; float:left; padding:0 15px; height:30px; line-height:30px; tex
效果
display
pointer
outline
border
原创
jsny821
2012-08-10 15:54:08
1410阅读

flip 翻转效果 css3实现
1.实现代码 2、效果 3、说明 实现技术主要为：transition和transform。 其中rotateY的参数为正值时旋转方向为“离开屏幕朝向人的方向”
flip
翻转效果
css3实现
html
3d
转载
mb5fd86d5f5874e
2018-10-22 11:11:00
248阅读
2评论

CSS3实现翻转菜单效果
​注意:菜单翻转效果在搜狗浏览器上看不出来。推荐用FireFox <!DOCTYPE   html   PUBLIC   "-//W3C//DTD XHTML 1.0 Strict//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > <html
html
xml
搜狗浏览器
3c
css
转载
mb5fe328e8a0a04
2013-08-04 20:45:00
283阅读
2评论

CSS3实现翻转(Flip)效果
https://www.cnblogs.com/cmy1996/p/9129307.html 动画效果 效果分析 当鼠标滑过包含块时，元素整体翻转180度，以实现“正”“反”面的切换。 HTML分析 分析：.container，.flip为了实现动画效果做准备。.front,.back各包裹一张图片
3d
动画效果
垂直翻转
css
宽高
转载
mb5ff97f7b72697
2019-10-16 13:43:00
465阅读
2评论

css+翻转+ios css3翻页效果
在开发一个网站的过程中各种翻页效果数不胜数，在这里我将介绍一下简单的一种方法就是使用css3的旋转即可实现这种常见的效果
javascript
a标签
优先级
转载
网络安全守卫
2023-05-22 21:09:45
98阅读

CSS3文字立体效果
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>非常棒的CSS3立体效果</title> </head> <body> <div><A href="://.999jiujiu.com/">
html
css3
干货
转载
mob60475704ea1a
2017-08-05 21:18:00
899阅读
2评论

CSS3 3D翻转卡片动画
<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><title>H5 3D翻转卡片动画</title><link rel="stylesheet" href="base
翻转卡片动画
CSS3 3D翻转
CSS3
H5
3d
原创
mb64996c8d8661e
2023-06-27 00:01:23
255阅读

css3 翻转和旋转的差别
        我曾经一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明确，仅仅能怪自己的立体感太差了。        css3中的transform中有旋转，放缩，倾斜，平移的功能，分别相应的属性是：rotate，scale，skew，translate        旋转：（rotate）-webkit-transform:rotate(10deg);-moz-
垂直翻转
v9
css3
html
转载
mb5fed70ede6cb4
2014-05-31 18:42:00
121阅读
2评论

css3 翻转和旋转的区别
我以前一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明白，只能怪自己的立体感太差了。 css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate 旋转：（rotate）[cs...
css
html
css3
v9
垂直翻转
转载
mb5fed43756edc3
2015-05-10 12:23:00
287阅读
2评论

案例-翻转的导航栏（CSS3）
案例-翻转的导航栏（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset=\
css
css3
html
导航栏
3d
原创
CMMKK
2022-10-20 10:06:12
81阅读

css3 翻转特效实例 翻扑克
实现点击扑克翻转动画 点击其他扑克自动翻回反面 不浪费时间 直接上代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>翻扑克</title> <link rel="stylesheet" href="animate.css" type="t
html5
css3
原创
elick
2013-06-04 11:12:00
3434阅读
2点赞
3评论

css3 翻转和旋转的区别
css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate旋转：（rotate）-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:...
css3
垂直翻转
css
转载
mb5fe55acf14b1a
2014-07-28 11:08:00
127阅读
2评论

css3 翻转和旋转的区别
我以前一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明白，只能怪自己的立体感太差了。 css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate 旋转：（rotate） 翻转：（scale
css
css3
样式
html5
javascript
转载
mb5ff5909699060
2016-05-07 23:11:00
114阅读
2评论

css3 翻转和旋转的区别
css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate 旋转：（rotate）-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg); 翻转：（scale） (这个属性是放缩的功能，怎么能翻转的！原来括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，负数代表翻转) 水平翻转：-webkit-transform:scale(-1，1);-...
css3
垂直翻转
其他
原创
wg_ijhFhFaB
2021-08-04 17:38:39
237阅读

css3 翻转和旋转的差别
        我曾经一直以为旋转跟翻转一样，今日自己旋转了好久都发觉跟翻转差一点点，纠结了十几分钟才明确，仅仅能怪自己的立体感太差了。        css3中的transform中有旋转，放缩，倾斜，平移的功能，分别相应的属性是：rotate，scale，skew，translate        旋转：（rotate）-webkit-transform:rotate(10deg);-moz-
css3
html
垂直翻转
v9
转载
mob604756fcd161
2015-06-04 17:13:00
100阅读

翻转的css3样式
#edit{position:absolute;width:300px;height:200px;border:2pxsolidred;left:50%;top:50%;margin-left:-150px;margin-top:-100px;-webkit-transition:all0.5se...
技术
转载
mb5ff982de32716
2012-07-25 14:24:00
113阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

CSS3 transform变换、翻转图片示例

CSS3——过渡(CSS3)

使用css3 实现3d正反翻转特效

CSS3过渡效果（CSS3）

CSS3——CSS3盒模型

立体翻转

CSS3动画序列（CSS3）

CSS3 3d环境实现立体 魔方效果代码

CSS/CSS3

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯