meri-design
Version:
基于vue框架的ui库
6 lines • 2.6 kB
CSS
/*!
* @meri-design v2.2.19-beta10
* (c) 2019-2022 YuShu-Web
* Released under the MIT License.
* 2025-01-14 15:25:40
*/.p-shake{display:inline-block}.p-shake-activate{animation:shake 1.8s ease-in-out infinite}@-moz-keyframes shake{0%{transform:rotate(0)}5%{transform:rotate(2deg)}10%{transform:rotate(-2deg)}15%{transform:rotate(4deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}35%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}45%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}55%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}70%{transform:rotate(-8deg)}75%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}85%{transform:rotate(4deg)}90%{transform:rotate(-4deg)}95%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@-webkit-keyframes shake{0%{transform:rotate(0)}5%{transform:rotate(2deg)}10%{transform:rotate(-2deg)}15%{transform:rotate(4deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}35%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}45%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}55%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}70%{transform:rotate(-8deg)}75%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}85%{transform:rotate(4deg)}90%{transform:rotate(-4deg)}95%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@-o-keyframes shake{0%{transform:rotate(0)}5%{transform:rotate(2deg)}10%{transform:rotate(-2deg)}15%{transform:rotate(4deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}35%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}45%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}55%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}70%{transform:rotate(-8deg)}75%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}85%{transform:rotate(4deg)}90%{transform:rotate(-4deg)}95%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}@keyframes shake{0%{transform:rotate(0)}5%{transform:rotate(2deg)}10%{transform:rotate(-2deg)}15%{transform:rotate(4deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}35%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}45%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}55%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}70%{transform:rotate(-8deg)}75%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}85%{transform:rotate(4deg)}90%{transform:rotate(-4deg)}95%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}