SHARE
TWEET

E

a guest May 23rd, 2019 75 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .card {
  2.   position: relative;
  3.   text-align: center;
  4.   color: black;
  5. }
  6.  
  7. .card, .card > img {
  8.     transition: .3s;
  9. }
  10.  
  11. .card > img {
  12.     border-radius: 50%;
  13.     filter: blur(4px);
  14. }
  15.  
  16. .card:hover > img {
  17.     border-radius: 20px;
  18.     filter: none;
  19. }
  20.  
  21. .card:hover > .centered {
  22.     display: none;
  23. }
  24.  
  25. .card:hover > .cardContent {
  26.     display: block;
  27. }
  28.  
  29. .cardContent {
  30.     display: none;
  31. }
  32.  
  33. .card .centered {
  34.   position: absolute;
  35.   top: 50%;
  36.   left: 50%;
  37.   transform: translate(-50%, -50%);
  38.  
  39.   font-size: 30px;
  40.   font-family: sans-serif;
  41.   font-weight: bold;
  42. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top