#navBarContainer { background:linear-gradient(white,#FDFEFE); } .brand-body { background:linear-gradient(#FDFEFE,#EBF4EE); padding-bottom:10px; } .brand-link { float: left;position:relative; } .brand-link .title { display: block; margin-top: 115px; margin-left: 45px; } .brand-link .title .en { display: block; font-family: "DINCondensed-Bold"; font-size: 21px; font-weight: 700; text-transform: uppercase; } .brand-link .title .cn { display: block; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: 600; } .brand-link:link .title .en,.brand-link:link .title .cn { transition:1s; color: #4a4a4a; } .brand-link:hover .title .en,.brand-link:hover .title .cn { transition:1s; color: red; } .brand-link img{ position:absolute;right:60px;bottom:30px; } .brand-link:hover img { -webkit-animation:bounce-up 1.2s linear infinite; animation:bounce-up 1.2s linear infinite; } @-webkit-keyframes bounce-up { 25% { -webkit-transform: translateY(4px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(-4px); } } @keyframes bounce-up { 25% { transform: translateY(4px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(-4px); } }