.button-zol { position: relative; padding: 20px 50px; display: block; width: 200px; text-decoration: none; text-transform: uppercase; overflow: hidden; display: inline-block; text-align: center; } .name-zol { position: relative; z-index: 1; font-size: 20px; color: #fff; left: 26px; font-weight: bold; right: 0.5px; } .liquid-zol { position: absolute; width: 200px; height: 200px; top: -80px; left: 0; background: #4973ff; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); transition: 0.5s; } .button-zol:hover .liquid-zol { top: -120px; } .liquid-zol:before, .liquid-zol:after { content: ' '; position: absolute; width: 200%; height: 200%; top: 0px; left: 50%; transform: translate(-50%,-75%); } .liquid-zol:before { border-radius: 45%; background: rgba(20, 20, 20,1); animation: animatezol 5s linear infinite; } .liquid-zol:after { border-radius: 40%; background: rgba(20, 20, 20,0.5); animation: animatezol 10s linear infinite; } @keyframes animatezol { 0%{ transform: translate(-50%,-75%) rotate(0deg); } 100%{ transform: translate(-50%,-75%) rotate(360deg); } }

Use this space to put some text. Update this text in HTML

468x60 banner ad

Tags

Technology

3/Technology/post-list

Recent in Sports

3/recent/post-list

Random Posts

3/random/post-list

Popular Posts

è__è__

Fill in the blanks with the correct words from the list below
whose · whom · where · when · which · who
⚈Students names start with this letter will take the exam in the other room.
⚈That’s the writer published a book about English language teaching.
⚈Thomas and his wife spend their holiday in the city they lived a few years ago.
⚈The employee with I work the night shift is very talented in computer programing.
⚈I don’t know country will organize the world cup next year.
⚈Hamid didn’t come to my birthday party because he was in France I celebrated it.
⚈Do you have any idea who took the books I left on this table?

Posted by: at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)