1)https://codepen.io/qq7886/pen/yOggRj <h1>Every Hover Effects</h1> <h4>A collection of CSS hover effects</h4> <div id="content"> <div class="item e1"> <img src="https://chenyiya.com/codepen/hover-effect-1.jpg"> <div class="text1"> <h3>Effect ...
1) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=ㄋ, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>CSS Ripple Effect</title> <link rel="stylesheet" ...
.badge .text 'Hallo! @import url(https://fonts.googleapis.com/css?family=Raleway:300); $primary-color: rebeccapurple; $easing: all 0.5s cubic-bezier(.55,0,.1,1); $base-size: 20rem; html { height: 100%; @media (max-width: ($base-size ...