小编use*_*917的帖子

我正在更新我的作品集网站：http://jcdevelopmentsite.com/jcwebandgraphic/index.html#services。我正在 Font Awesome 图标上创建 CSS 动画悬停效果。过渡效果很好，但一旦完成，它就会重置为悬停前设置。我希望它在悬停期间保持背景颜色。这可以用纯 CSS 实现吗？

超文本标记语言

    <section id='services-section'>
        <h2 class='highlight'>Services</h2>
        <div class='main-content'>
            <div class='services'>
                <a href='#pricing-section'>
                    <i class='fa fa-laptop fa-4x'></i>
                    <h5>Static & Fluid Layouts</h5>
                </a>
            </div>
            <div class='services'>
                <a href='#pricing-section'>
                    <i class='fa fa-mobile fa-4x'></i>
                    <h5>Responsive Layouts</h5>
                </a>
            </div>
            <div class='services'>
                <a href='#pricing-section'>
                    <i class='fa fa-shopping-cart fa-4x'></i>
                    <h5>E-Commerce Solutions</h5>
                </a>
            </div>
            <div class='services'>
                <a href='#pricing-section'>
                    <i class='fa fa-pencil-square fa-4x'></i>
                    <h5>Theme Customizations</h5>
                </a>
            </div>
        </div> <!-- Closes .main-content -->
    </section>

CSS

@keyframes animate {
    from {}
    to …