If you love the link hover effect seen on the National Geographic website, this snippet by shelaine will help you recreate that same link hover effect on your webpage in pure CSS. If you like this check out other deconstruction snippets.
If you are having trouble with the pen, try the archived copy on GitHub
Link Hover Snippet
See the Pen Nat Geo Highlight Effect by shelaine (@shelaine) on CodePen.default