Html 过渡不';当鼠标移动到该区域时,不能启动
我正在创建一个网站,但我在转换(我的css和html)方面有问题Html 过渡不';当鼠标移动到该区域时,不能启动,html,css,google-chrome,hover,transition,Html,Css,Google Chrome,Hover,Transition,我正在创建一个网站,但我在转换(我的css和html)方面有问题 。第1部分{ 背景图片:url(https://zupimages.net/up/18/14/49pg.jpg); 背景附件:固定; 位置:相对位置; 顶部:185px; 字体系列:余光哥特式UI; 字体大小:110%; 宽度:100%; 高度:500px; 文本对齐:右对齐; 右:5%; 左:50%; 垂直对齐:居中; 框大小:边框框; 边界半径:30; -webkit边界半径:30; -莫兹边界半径:30; -o-边界半径:
。第1部分{
背景图片:url(https://zupimages.net/up/18/14/49pg.jpg);
背景附件:固定;
位置:相对位置;
顶部:185px;
字体系列:余光哥特式UI;
字体大小:110%;
宽度:100%;
高度:500px;
文本对齐:右对齐;
右:5%;
左:50%;
垂直对齐:居中;
框大小:边框框;
边界半径:30;
-webkit边界半径:30;
-莫兹边界半径:30;
-o-边界半径:30;
-ms边界半径:30;
-webkit转换:-webkit转换2易入易出;
-moz转换:-moz转换2s易入易出;
-o-转换:-o-转换2容易输入输出;
转换:转换2s易入易出;
-webkit过渡:字体大小为0.5s,易于输入输出;
-moz过渡:字体大小0.5s,易于输入输出;
-o型过渡:字体大小为0.5s,易于输入输出;
过渡:字体大小为0.5s,易于输入输出;
}
.第1部分:悬停{
字体大小:130%;
-莫兹盒阴影:4px40x10px#888;
-网络工具包盒阴影:4px40x10px#888;
盒影:4px4px6px#888;
-moz边界半径:15px;
-webkit转换:-webkit盒阴影0.5s,边框0.5s,-webkit转换0.5s易入易出;
-webkit转换:规模(1.05);
-莫兹变换:标度(1.05);
-o变换:标度(1.05);
转换:标度(1.05);
}
我们的网站为您提供快捷方便的服务。为专业人员(博客)和专业人员(企业现场办公室)提供服务建议
对于半径,您忘记在边界半径之后添加px单位。以下是正确的代码:
.part1 {
background-image:url(https://zupimages.net/up/18/14/49pg.jpg);
background-attachment:fixed;
position:relative;
top:185px;
font-family:Yu Gothic UI Light;
font-size:110%;
width:100%;
height:500px;
text-align:right;
padding-right:5%;
padding-left:50%;
vertical-align:center;
box-sizing: border-box;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;
-ms-border-radius:30px;
-webkit-transition: -webkit-transform 2s ease-in-out;
-moz-transition: -moz-transform 2s ease-in-out;
-o-transition: -o-transform 2s ease-in-out;
transition: transform 2s ease-in-out;
-webkit-transition:font-size 0.5s ease-in-out;
-moz-transition:font-size 0.5s ease-in-out;
-o-transition:font-size 0.5s ease-in-out;
transition:font-size 0.5s ease-in-out;
}
.part1:hover {
font-size:130%;
-moz-box-shadow: 4px 4px 10px #888;
-webkit-box-shadow: 4px 4px 10px #888;
box-shadow:4px 4px 6px #888;
-moz-border-radius: 15px;
-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, -webkit-transform 0.5s ease-in-out;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}