plumes/public/buttons/pl-button-rounded.min.css

Flying-fast Metro future vision components

@-webkit-keyframes pl-button-rounded-show{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pl-button-rounded-show{0%{-moz-transform:scale(0)}100%{-moz-transform:scale(1)}}@-ms-keyframes pl-button-rounded-show{0%{-ms-transform:scale(0)}100%{-ms-transform:scale(1)}}@-o-keyframes pl-button-rounded-show{0%{-o-transform:scale(0)}100%{-o-transform:scale(1)}}@keyframes pl-button-rounded-show{0%{transform:scale(0)}100%{transform:scale(1)}}@-webkit-keyframes pl-button-rounded-loading{0%{-webkit-transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.2);opacity:.75}100%{-webkit-transform:rotate(360deg) scale(1)}}@-moz-keyframes pl-button-rounded-loading{0%{-moz-transform:rotate(0) scale(1)}50%{-moz-transform:rotate(180deg) scale(1.2);opacity:.75}100%{-moz-transform:rotate(360deg) scale(1)}}@-ms-keyframes pl-button-rounded-loading{0%{-ms-transform:rotate(0) scale(1)}50%{-ms-transform:rotate(180deg) scale(1.2);opacity:.75}100%{-ms-transform:rotate(360deg) scale(1)}}@-o-keyframes pl-button-rounded-loading{0%{-o-transform:rotate(0) scale(1)}50%{-o-transform:rotate(180deg) scale(1.2);opacity:.75}100%{-o-transform:rotate(360deg) scale(1)}}@keyframes pl-button-rounded-loading{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2);opacity:.75}100%{transform:rotate(360deg) scale(1)}}.pl-button-rounded-selector{position:absolute;top:-4px;left:6px;width:3rem;height:4rem;border:4px solid #00BCD4;border-radius:50%;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .55s cubic-bezier(.165,.84,.44,1);-moz-transition:all .55s cubic-bezier(.165,.84,.44,1);-ms-transition:all .55s cubic-bezier(.165,.84,.44,1);-o-transition:all .55s cubic-bezier(.165,.84,.44,1);transition:all .55s cubic-bezier(.165,.84,.44,1)}.pl-button-rounded-selector.show{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.pl-button-rounded-selector.loading{-webkit-animation:pl-button-rounded-loading 1s linear infinite;-moz-animation:pl-button-rounded-loading 1s linear infinite;-ms-animation:pl-button-rounded-loading 1s linear infinite;-o-animation:pl-button-rounded-loading 1s linear infinite;animation:pl-button-rounded-loading 1s linear infinite}.pl-button-rounded-selector::before{content:'';position:absolute;top:1px;left:-9px;width:4rem;height:3rem;border-width:4px;border-style:solid;border-color:inherit;border-radius:50%;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.pl-button-rounded{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:4rem;height:4rem;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden;border:none;padding:0;margin:0;background-size:cover;background-repeat:no-repeat;text-align:center;-webkit-animation:pl-button-rounded-show .55s cubic-bezier(.165,.84,.44,1);-moz-animation:pl-button-rounded-show .55s cubic-bezier(.165,.84,.44,1);-ms-animation:pl-button-rounded-show .55s cubic-bezier(.165,.84,.44,1);-o-animation:pl-button-rounded-show .55s cubic-bezier(.165,.84,.44,1);animation:pl-button-rounded-show .55s cubic-bezier(.165,.84,.44,1);-webkit-transition:all .55s cubic-bezier(.165,.84,.44,1);-moz-transition:all .55s cubic-bezier(.165,.84,.44,1);-ms-transition:all .55s cubic-bezier(.165,.84,.44,1);-o-transition:all .55s cubic-bezier(.165,.84,.44,1);transition:all .55s cubic-bezier(.165,.84,.44,1)}.pl-button-rounded i{font-size:2rem;line-height:4rem;vertical-align:middle}