如何添加悬停时的过渡效果
学习如何使用 CSS 添加悬停时的过渡效果。
悬停时过渡
CSS 过渡允许你在给定的持续时间内平滑地改变属性值（从一个值到另一个值）。
মাউস অবস্থান করার সময় বাটনের জন্য একটি ট্রানজিশন ইফেক্ট (স্পষ্টতা ও পটভূমির রঙ) যোগ করুন
পাঠ্যক্রম বস্তুকলা
মেনু
- আইকন বার
- মেনু আইকন
- হাওয়াইয়ার
- ট্যাব
- অনুভূমিক ট্যাব
- ট্যাব শিরোনাম
- সমগ্র পৃষ্ঠা ট্যাব
- স্থায়ী ট্যাব
- শীর্ষ নেভিগেশন
- রেসপনসিভ শীর্ষ নেভিগেশন
- বিভক্ত নেভিগেশন
- আইকন সহ নেভিগেশন বার
- সার্চ মেনু
- সার্চ বার
- স্থায়ী পাশের বার
- পাশের নেভিগেশন
- রেসপনসিভ পাশের বার
- ফুলস্ক্রিন নেভিগেশন
- কাঁসার বাইরে মেনু
- স্থায়ী পাশের নেভিগেশন বাটন
- আইকন সহ পাশের বার
- অনুভূমিক সরক্কার মেনু
- সামনের মেনু
- তলবর্তী নেভিগেশন
- রেসপনসিভ তলবর্তী নেভিগেশন
- তলবর্তী সীমান্ত নেভিগেশন লিঙ্ক
- ডানদিকে সামান্য মেনু লিঙ্ক
- মধ্যবর্তী মেনু লিঙ্ক
- সমান প্রস্থ মেনু লিঙ্ক
- স্থায়ী মেনু
- সরক্কার করে নেভিগেশন বার ডসন
- সরক্কার করে নেভিগেশন বার লুকা
- সরক্কার করে নেভিগেশন বার চিকিন
- স্থায়ী নেভিগেশন বার
- ছবিতে নেভিগেশন বার
- স্থায়ী ড্রপডাউন মেনু
- ডবলক্লিক ড্রপডাউন মেনু
- 级联下拉菜单
- 顶部导航栏中的下拉菜单
- 侧边导航栏中的下拉菜单
- 带下拉菜单的响应式导航栏
- 子导航菜单
- 上拉菜单
- 超级菜单
- 移动菜单
- 窗帘菜单
- 折叠的侧边栏
- 折叠的侧边面板
- 分页
- 面包屑导航
- 按钮组
- 垂直按钮组
- 粘性社交栏
- 药丸导航
- 响应式页眉
图像
- 幻灯片
- 幻灯片画廊
- 模态图像
- 灯箱
- 响应式图像网格
- 图像网格
- 图片库
- 可滚动图片库
- 选项卡式图片库
- 图像叠加淡出
- 图像叠加滑动
- 图像叠加缩放
- 图像叠加标题
- 图像叠加图标
- 图像效果
- 黑白图像
- 图片文本
- ইমেজ টেক্সট ব্লক
- ট্রানসপারেন্ট ইমেজ টেক্সট
- ফুল পৃষ্ঠা ইমেজ
- ইমেজের ওপর ফর্ম
- ফোকাস ইমেজ
- ফুসকা ব্যাকগ্রাউন্ড ইমেজ
- স্ক্রোলিংকালীন ব্যাকগ্রাউন্ড ট্রান্সিশন
- সমানভাবে প্রদর্শিত ইমেজ
- রুম্ব ইমেজ
- হেডার ইমেজ
- রেসপন্সিভ ইমেজ
- মধ্যস্থ ইমেজ
- সমীক্ষা
- ইমেজ কান্তি
- দল পরিচয়
- স্টিকি ইমেজ
- ইমেজ রোলওয়ার
- ধমকা ইমেজ
- কর্মকৃতি গ্যালারি
- ফিল্টারিং করা কর্মকৃতি
- ইমেজ জোড়ানো
- ইমেজ মাপক
- ইমেজ কোম্পারেস স্লাইডার
- ওয়েবসাইট আইকন
বাটন
- ওয়ার্নিং বাটন
- কন্টাউর বাটন
- স্প্লিট বাটন
- অ্যানিমেশন বাটন
- গ্রেডিয়েন্ট বাটন
- ইমেজের ওপর বাটন
- সোস্যাল মিডিয়া বাটন
- আরও/কম পড়া/কম পড়া
- লোড বাটন
- ডাউনলোড বাটন
- ড্রব বাটন
- নোটিফিকেশন বাটন
- আইকন বাটন
- পরবর্তী পৃষ্ঠা/পূর্ববর্তী পৃষ্ঠা বাটন
- নেভিগেশনে আরও বাটন
- ব্লক বাটন
- টেক্সট বাটন
- রুম্ব বাটন
- টপ বক্স বাটন
ফর্ম
- লগইন ফর্ম
- রেজিস্ট্রেশন ফর্ম
- চেকআউট টেবিল
- কনট্যাক্ট ফর্ম
- সোস্যাল লগইন টেবিল
- রেজিস্ট্রেশন ফর্ম
- আইকন ফর্ম
- নিউজ সাবসক্রিপশন
- স্ট্যাকড ফর্ম
- রেসপন্সিভ ফর্ম
- প্রকাশ ফর্ম
- ইনলাইন ফর্ম
- ইনপুট ফিল্ড পরিচ্ছন্ন করুন
- নম্বর আরোহী এলাকা লুকানো
- টেক্সট কপি করে ক্লিপবোর্ডে
- অ্যানিমেশন সার্চ
- সার্চ বাটন
- ফুল স্ক্রিন সার্চ
- নেভিগেশন বারে ইনপুট
- নেভিগেশন বারে লগইন ফর্ম
- কাস্টম চেকবক্স/রেডিও বাটন
- কাস্টম সিলেক্টর
- সুইচ টুল
- চেকবক্স চিহ্নিত করুন
- ক্যাপিটাল লক টেস্ট
- এন্টার কীপ্রেস বাটন ট্রিগার
- পাসওয়ার্ড ভেরিফিকেশন
- পাসওয়ার্ড দেখা পড়া সুইচ
- বহুপদ্ধতি ফর্ম
- অটোকম্পলিট
- অটোকম্পলিট বন্ধ করুন
- স্পেল চেক বন্ধ করুন
- ফাইল আপলোড বাটন
- খালি ইনপুট ভেরিফিকেশন
ফিল্টার
টেবিল
আরও
- ফুল স্ক্রিন ভিডিও
- মোডাল
- ডিলেট মোডাল
- টাইমলাইন
- স্ক্রোল ইনডিকেটর
- প্রগ্রেস ট্যাব
- কৌশল ট্যাব
- স্কেল স্লাইডার
- কালার সিলেক্টর
- ইমেইল ফিল্ড
- টুল্টিপ
- হলো দেখানো এলাকা
- প্রকাশ উইন্ডো
- ফোল্ডাবল কনটেন্ট
- 日历
- HTML 包含
- 待办事项列表
- 加载器
- 徽章
- 星级评分
- 用户评分
- 覆盖效果
- 联系人芯片
- 卡片
- 翻转卡片
- 个人资料卡片
- 产品卡片
- 警告
- 提示框
- 笔记
- 标签
- 丝带
- 标签云
- 圆
- 样式化水平线
- 优惠券
- 列表组
- 带徽章的列表组
- 无项目符号的列表
- 响应式文本
- 剪影文字
- 发光文字
- 固定页脚
- 粘性元素
- 等高
- 清除浮动
- 响应式浮动
- 通知条
- 全屏窗口
- 滚动绘图
- 平滑滚动
- 渐变背景滚动
- 粘性页眉
- 滚动时缩小页眉
- 价格表
- 视差滚动
- 宽高比
- 响应式内联框架
- 切换喜欢/不喜欢
- 切换隐藏/显示
- 切换深色模式
- 切换文本
- 切换类
- 添加类
- 移除类
- 更改类
- 活动类
- 树状视图
- 移除小数
- 移除属性
- 离线检测
- 查找隐藏元素
- 重定向网页
- 格式化数字
- 悬停缩放
- 翻转盒子
- 垂直居中
- 在 DIV 中居中按钮
- 居中列表
- 悬停过渡
- 箭头
- 形状
- 下载链接
- 全高元素
- 浏览器窗口
- 自定义滚动条
- 隐藏滚动条
- 显示/强制显示滚动条
- 设备外观
- 可编辑内容的边框
- 占位符颜色
- 禁用文本区域调整大小
- 禁用文本选择
- 文本选择颜色
- 项目符号颜色
- 垂直线
- 分割线
- 文本分割线
- 动画图标
- 倒计时定时器
- 打字机效果
- 即将上线页面
- 聊天消息
- 弹出聊天窗口
- 分屏
- 客户评价
- 区块计数器
- 引语幻灯片
- 可关闭的列表项
- 典型的设备断点
- 可拖动的 HTML 元素
- JS 媒体查询
- 语法高亮器
- JS 动画
- JS 字符串长度
- JS 指数运算
- JS 默认参数
- JS 随机数
- JS 数值数组排序
- JS 展开运算符
- JS 滚动到视图
- 获取当前日期
- 获取当前网址
- 获取当前屏幕尺寸
- 获取 iframe 元素
网格
转换器
বস্তুকলা
মেনু
- আইকন বার
- মেনু আইকন
- হাওয়াইয়ার
- ট্যাব
- অনুভূমিক ট্যাব
- ট্যাব শিরোনাম
- সমগ্র পৃষ্ঠা ট্যাব
- স্থায়ী ট্যাব
- শীর্ষ নেভিগেশন
- রেসপনসিভ শীর্ষ নেভিগেশন
- বিভক্ত নেভিগেশন
- আইকন সহ নেভিগেশন বার
- সার্চ মেনু
- সার্চ বার
- স্থায়ী পাশের বার
- পাশের নেভিগেশন
- রেসপনসিভ পাশের বার
- ফুলস্ক্রিন নেভিগেশন
- কাঁসার বাইরে মেনু
- স্থায়ী পাশের নেভিগেশন বাটন
- আইকন সহ পাশের বার
- অনুভূমিক সরক্কার মেনু
- সামনের মেনু
- তলবর্তী নেভিগেশন
- রেসপনসিভ তলবর্তী নেভিগেশন
- তলবর্তী সীমান্ত নেভিগেশন লিঙ্ক
- ডানদিকে সামান্য মেনু লিঙ্ক
- মধ্যবর্তী মেনু লিঙ্ক
- সমান প্রস্থ মেনু লিঙ্ক
- স্থায়ী মেনু
- সরক্কার করে নেভিগেশন বার ডসন
- সরক্কার করে নেভিগেশন বার লুকা
- সরক্কার করে নেভিগেশন বার চিকিন
- স্থায়ী নেভিগেশন বার
- ছবিতে নেভিগেশন বার
- স্থায়ী ড্রপডাউন মেনু
- ডবলক্লিক ড্রপডাউন মেনু
- 级联下拉菜单
- 顶部导航栏中的下拉菜单
- 侧边导航栏中的下拉菜单
- 带下拉菜单的响应式导航栏
- 子导航菜单
- 上拉菜单
- 超级菜单
- 移动菜单
- 窗帘菜单
- 折叠的侧边栏
- 折叠的侧边面板
- 分页
- 面包屑导航
- 按钮组
- 垂直按钮组
- 粘性社交栏
- 药丸导航
- 响应式页眉
图像
- 幻灯片
- 幻灯片画廊
- 模态图像
- 灯箱
- 响应式图像网格
- 图像网格
- 图片库
- 可滚动图片库
- 选项卡式图片库
- 图像叠加淡出
- 图像叠加滑动
- 图像叠加缩放
- 图像叠加标题
- 图像叠加图标
- 图像效果
- 黑白图像
- 图片文本
- ইমেজ টেক্সট ব্লক
- ট্রানসপারেন্ট ইমেজ টেক্সট
- ফুল পৃষ্ঠা ইমেজ
- ইমেজের ওপর ফর্ম
- ফোকাস ইমেজ
- ফুসকা ব্যাকগ্রাউন্ড ইমেজ
- স্ক্রোলিংকালীন ব্যাকগ্রাউন্ড ট্রান্সিশন
- সমানভাবে প্রদর্শিত ইমেজ
- রুম্ব ইমেজ
- হেডার ইমেজ
- রেসপন্সিভ ইমেজ
- মধ্যস্থ ইমেজ
- সমীক্ষা
- ইমেজ কান্তি
- দল পরিচয়
- স্টিকি ইমেজ
- ইমেজ রোলওয়ার
- ধমকা ইমেজ
- কর্মকৃতি গ্যালারি
- ফিল্টারিং করা কর্মকৃতি
- ইমেজ জোড়ানো
- ইমেজ মাপক
- ইমেজ কোম্পারেস স্লাইডার
- ওয়েবসাইট আইকন
বাটন
- ওয়ার্নিং বাটন
- কন্টাউর বাটন
- স্প্লিট বাটন
- অ্যানিমেশন বাটন
- গ্রেডিয়েন্ট বাটন
- ইমেজের ওপর বাটন
- সোস্যাল মিডিয়া বাটন
- আরও/কম পড়া/কম পড়া
- লোড বাটন
- ডাউনলোড বাটন
- ড্রব বাটন
- নোটিফিকেশন বাটন
- আইকন বাটন
- পরবর্তী পৃষ্ঠা/পূর্ববর্তী পৃষ্ঠা বাটন
- নেভিগেশনে আরও বাটন
- ব্লক বাটন
- টেক্সট বাটন
- রুম্ব বাটন
- টপ বক্স বাটন
ফর্ম
- লগইন ফর্ম
- রেজিস্ট্রেশন ফর্ম
- চেকআউট টেবিল
- কনট্যাক্ট ফর্ম
- সোস্যাল লগইন টেবিল
- রেজিস্ট্রেশন ফর্ম
- আইকন ফর্ম
- নিউজ সাবসক্রিপশন
- স্ট্যাকড ফর্ম
- রেসপন্সিভ ফর্ম
- প্রকাশ ফর্ম
- ইনলাইন ফর্ম
- ইনপুট ফিল্ড পরিচ্ছন্ন করুন
- নম্বর আরোহী এলাকা লুকানো
- টেক্সট কপি করে ক্লিপবোর্ডে
- অ্যানিমেশন সার্চ
- সার্চ বাটন
- ফুল স্ক্রিন সার্চ
- নেভিগেশন বারে ইনপুট
- নেভিগেশন বারে লগইন ফর্ম
- কাস্টম চেকবক্স/রেডিও বাটন
- কাস্টম সিলেক্টর
- সুইচ টুল
- চেকবক্স চিহ্নিত করুন
- ক্যাপিটাল লক টেস্ট
- এন্টার কীপ্রেস বাটন ট্রিগার
- পাসওয়ার্ড ভেরিফিকেশন
- পাসওয়ার্ড দেখা পড়া সুইচ
- বহুপদ্ধতি ফর্ম
- অটোকম্পলিট
- অটোকম্পলিট বন্ধ করুন
- স্পেল চেক বন্ধ করুন
- ফাইল আপলোড বাটন
- খালি ইনপুট ভেরিফিকেশন
ফিল্টার
টেবিল
আরও
- ফুল স্ক্রিন ভিডিও
- মোডাল
- ডিলেট মোডাল
- টাইমলাইন
- স্ক্রোল ইনডিকেটর
- প্রগ্রেস ট্যাব
- কৌশল ট্যাব
- স্কেল স্লাইডার
- কালার সিলেক্টর
- ইমেইল ফিল্ড
- টুল্টিপ
- হলো দেখানো এলাকা
- প্রকাশ উইন্ডো
- ফোল্ডাবল কনটেন্ট
- 日历
- HTML 包含
- 待办事项列表
- 加载器
- 徽章
- 星级评分
- 用户评分
- 覆盖效果
- 联系人芯片
- 卡片
- 翻转卡片
- 个人资料卡片
- 产品卡片
- 警告
- 提示框
- 笔记
- 标签
- 丝带
- 标签云
- 圆
- 样式化水平线
- 优惠券
- 列表组
- 带徽章的列表组
- 无项目符号的列表
- 响应式文本
- 剪影文字
- 发光文字
- 固定页脚
- 粘性元素
- 等高
- 清除浮动
- 响应式浮动
- 通知条
- 全屏窗口
- 滚动绘图
- 平滑滚动
- 渐变背景滚动
- 粘性页眉
- 滚动时缩小页眉
- 价格表
- 视差滚动
- 宽高比
- 响应式内联框架
- 切换喜欢/不喜欢
- 切换隐藏/显示
- 切换深色模式
- 切换文本
- 切换类
- 添加类
- 移除类
- 更改类
- 活动类
- 树状视图
- 移除小数
- 移除属性
- 离线检测
- 查找隐藏元素
- 重定向网页
- 格式化数字
- 悬停缩放
- 翻转盒子
- 垂直居中
- 在 DIV 中居中按钮
- 居中列表
- 悬停过渡
- 箭头
- 形状
- 下载链接
- 全高元素
- 浏览器窗口
- 自定义滚动条
- 隐藏滚动条
- 显示/强制显示滚动条
- 设备外观
- 可编辑内容的边框
- 占位符颜色
- 禁用文本区域调整大小
- 禁用文本选择
- 文本选择颜色
- 项目符号颜色
- 垂直线
- 分割线
- 文本分割线
- 动画图标
- 倒计时定时器
- 打字机效果
- 即将上线页面
- 聊天消息
- 弹出聊天窗口
- 分屏
- 客户评价
- 区块计数器
- 引语幻灯片
- 可关闭的列表项
- 典型的设备断点
- 可拖动的 HTML 元素
- JS 媒体查询
- 语法高亮器
- JS 动画
- JS 字符串长度
- JS 指数运算
- JS 默认参数
- JS 随机数
- JS 数值数组排序
- JS 展开运算符
- JS 滚动到视图
- 获取当前日期
- 获取当前网址
- 获取当前屏幕尺寸
- 获取 iframe 元素
网格
转换器
选修课
课程推荐：
课程推荐：
CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
কোডওয়েথ্রিককম বিষয়ে
কোডওয়েথ্রিককম সাহায্য
ব্যবহার শর্ত
গোপনীয়তা শর্ত
