AI 助理
备案控制台
开发者社区 云计算 文章 正文

右侧是长方形和半圆结合 光标放上去在规定时间内完成动画

2022-05-10 87
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 右侧是长方形和半圆结合 光标放上去在规定时间内完成动画

/*

border-top-right-radius: 40px;

border-bottom-right-radius: 40px;

高度的一半就可以让右边变成一个半圆

*/


.right-show {
width: 200px;
height: 80px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
background: pink;
transition: all 0.6s; /*  过渡写到本身上 谁做过渡动画，写到谁身上*/
}
.right-show:hover {
width: 240px;
}
<div class="right-show"></div>
晚来南风晚相识
目录
相关文章
郏国上
|
10月前
滑动工具条
滑动工具条
郏国上
75 0
前方一片光明
|
前端开发
前端——背景图片显示以及悬浮状态下变色的情况
前端——背景图片显示以及悬浮状态下变色的情况
前方一片光明
104 0
刻刻帝的海角
|
10月前
鼠标不同方位移入特效
鼠标不同方位移入特效
刻刻帝的海角
66 0
讓丄帝愛伱
鼠标悬浮显示文字的简单方法
鼠标悬浮显示文字的简单方法
讓丄帝愛伱
217 0
LiBiGo
|
编解码
【PyAutoGUI操作指南】02 鼠标控制功能+获取当前坐标+鼠标事件+鼠标滚动查询
左上角的像素位于坐标0，0。如果屏幕分辨率为1920 x 1080，则右下角的像素将为1919，1079（因为坐标从0开始，而不是1）。
LiBiGo
616 0
白水你要努力啊
QT 事件过滤器实现鼠标悬浮时两个按钮背景互换
QT 事件过滤器实现鼠标悬浮时两个按钮背景互换
白水你要努力啊
184 0
QT 事件过滤器实现鼠标悬浮时两个按钮背景互换
sysdzw
|
前端开发 JavaScript 计算机视觉
css动画：文字向上移动并逐渐消失 点击按钮显示+1上移淡出
css动画：文字向上移动并逐渐消失 点击按钮显示+1上移淡出
sysdzw
1170 0
css动画：文字向上移动并逐渐消失 点击按钮显示+1上移淡出
一乐乐
|
Java
swing中一些常见的鼠标事件（鼠标形状的改变、鼠标接近、按下（图标的切换）、鼠标接近、离开（字体颜色的改变）、鼠标拖拽等）还有系统托盘+对话框
swing中一些常见的鼠标事件（鼠标形状的改变、鼠标接近、按下（图标的切换）、鼠标接近、离开（字体颜色的改变）、鼠标拖拽等）还有系统托盘+对话框
一乐乐
512 0
swing中一些常见的鼠标事件（鼠标形状的改变、鼠标接近、按下（图标的切换）、鼠标接近、离开（字体颜色的改变）、鼠标拖拽等）还有系统托盘+对话框
游客p6ddahus42n3m
滚动一屏距离
滚动一屏距离
游客p6ddahus42n3m
70 0
天隆金
鼠标滑过抖动图标
在线演示 本地下载
天隆金
1112 0

热门文章

最新文章

  • 1
    错误”ORA-12560: TNS: 协议适配器错误“解决方法
  • 2
    Mac 上 iterm2 和 VSCode 终端中的字体设置建议
  • 3
    不了解 QPS、TPS、RT、并发数、吞吐量，劝你简历别写熟悉高并发
  • 4
    信用算力基于 RocketMQ 实现金融级数据服务的实践
  • 5
    重磅！阿里巴巴所有产品未来将接入大模型全面升级
  • 6
    阿里云服务器价格表2022更新（多CPU内存配置报价）
  • 7
    Python参数配置库ConfigParser详解
  • 8
    快看Sample代码，速学Swift语言（2）-基础介绍
  • 9
    从Edge看中小企业IT服务发展趋势
  • 10
    《CISSP认证视频》(Shon Harris CISSP Training 2007 Platinum)CSH.CISSP.2007 铂金版 完结[ISO]
  • 1
    算法系列之深度优先搜索寻找妖怪和尚过河问题的所有方式
    52
  • 2
    【阿里云】操作系统控制台深度体验与性能测评
    49
  • 3
    二、搭建MyBatis采用xml方式，验证CRUD（增删改查操作）
    36
  • 4
    《解锁指令工程：重塑你的技术身份！》
    44
  • 5
    《DeepSeek三阶训练法：在文化创作模型中舞动套路与创新之弦》
    43
  • 6
    《DeepSeek-R1 “人性化”交互：情感计算是幕后真英雄》
    39
  • 7
    《代码生成中梯度对齐的普适性探索：余弦相似度阈值0.92是万能钥匙！》
    33
  • 8
    《DeepSeek-V3：动态温度调节算法，开启推理新境界！》
    47
  • 9
    window系统下安装elk
    61
  • 10
    【硬件测试】基于FPGA的16QAM调制+软解调系统开发与硬件片内测试,包含信道模块,误码统计模块,可设置SNR
    31

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    通义万相2.1视频/图像模型新升级！可在阿里云百炼直接体验