Forums

Give help. Get help.

  • # December 15, 2017 at 10:12 am

    Hi all – please reference the attached screenshots.

    Screen_Shot_2017_12_15_at_12_07_18_PM
    Screen_Shot_2017_12_15_at_12_07_07_PM

    In a nutshell, I am trying to achieve a CTA with a circle border, and on hover an offset fill. This was originally achieved with:

    display: inline-block;
    line-height: 100px;
    text-decoration: none;
    background-image: radial-gradient(circle, transparent 0%, #fecb4f 50%, transparent 0%);
    background-position: 50% 60%;
    background-size: 95px 95px;
    background-repeat: no-repeat;
    opacity: .6;
    font-size: 1.5em;
    z-index:100 !important;
    color:#fecb4f !important;

    This solution was great, but limits what hover states you can use… Any other suggestions?

    Thanks!

    # December 15, 2017 at 2:02 pm

    Like this?

    # December 17, 2017 at 9:58 am

    That looks great! Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag