当前位置 : 腾讯分分彩 > 代码 > html5 css3 > css3实例 > CSS3 background-clip属性文字悬停演示

CSS3 background-clip属性文字悬停演示

css3基于background-clip背景剪切悬停效果,悬停文字高亮动画特效。

使用方法:

1、head引入css文件

<!--字体调用-->
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">

<!--主要样式-->
<link rel="stylesheet" href="css/style.css">

2、body引入HTML代码

<h1 class="one">From left </h1>
<h1 class="two">From top </h1>
<h1 class="three">From center </h1>
<h1 class="four">From right to left </h1>
<h1 class="five">From radial center </h1>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
极速赛车计划 腾讯分分彩 极速赛车计划 腾讯分分彩计划网 极速赛车官网 极速赛车官网 腾讯分分彩 腾讯分分彩官网 极速赛车计划 腾讯分分彩平台