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-边界半径:

我正在创建一个网站,但我在转换(我的css和html)方面有问题

。第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);
}