The revised (test) code below should render as a stand alone page in your browser like this…ĭisplay:inline-block /*shrinkwrap to child widths*/ I don’t know what or how many additional icons there may be so I just used the facebook svg as two more placeholders. But depending on where these links are located in your page could certainly change the styles needed on the parent container. So taking all that into consideration I took the test code a few steps further. With multiple anchors, they should be wrapped by a parent element to control them.With anchors present it will change how you target and style the svg/imgs.I expect there will be links, so the images would be nested in anchors.I expect there will be more social icons to come.However, I will point out some expectations I have… Transition: background 0.5s, transform 0.5s ease-out, fill 0.5s Īs ronpat mentioned you will need to explain what your “anticipated result” is. See if this gets close to what you are after… Not sure if that was necessary or if it causes any ill effects. Also, I removed the dimensions from the svg and let the css control it. From looking at your paypal example image I assume you want the fill color and background colors interchanging with your facebook svg.Īfter I removed the fill color from the svg the css was able to swap them out on hover.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |