css 简单的CSS FFUC 2018050531
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 简单的CSS FFUC 2018050531相关的知识,希望对你有一定的参考价值。
.sticky {
position: fixed;
top: 0;
width: 100%;
}
.sticky + .content {
padding-top: 60px;
}
#menu-main li a,
footer #fw-footer-menu li a {
text-transform: uppercase;
}
.fw-nav-menu li a {
font-size: 1.25em;
}
.home-card {
margin-bottom: 50px;
padding: 0 7% !important;
}
/*
* CTA
*/
.cta1 .fw-raw-code {
margin-top: -12px;
}
.cta {
display: flex;
justify-content: center;
align-items: center;
}
.cta-title {
color: #fff;
font-size: 25px;
text-transform: uppercase;
}
.cta-title:hover {
color: #fff;
}
@media (min-width: 768px) {
.cta-title {
font-size: 60px;
}
}
/*
* FX
*/
.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
以上是关于css 简单的CSS FFUC 2018050531的主要内容,如果未能解决你的问题,请参考以下文章
css 简单的纯CSS下拉菜单
css 简单的纯CSS下拉菜单
css eflex 20180601的简单CSS
css Eflex-20180530的简单CSS
css 简单的Css重置
css 最喜欢的简单CSS样式