CreativeButton

root / css / appInterface.min.css

appInterface.min.css

3.4 KB CSS
.unvisible{display:none !important}.no-selection{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none}.app-interface{width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(#231b4e), to(#120E28));background:linear-gradient(#231b4e, #120E28);opacity:0.0;-webkit-transition:0.3s all;transition:0.3s all}.app-interface__window{min-height:4rem;min-width:11rem;background:rgba(255,255,255,0.1);border-radius:10px 10px 0 0;-webkit-box-shadow:0 2rem 2rem 0.5rem rgba(0,0,0,0.5);box-shadow:0 2rem 2rem 0.5rem rgba(0,0,0,0.5);-webkit-transition:visibility 0.2s, opacity 0.2s ease-in-out;transition:visibility 0.2s, opacity 0.2s ease-in-out}.app-interface__titlebar{top:0;left:0;padding:0.4rem;height:1.5rem;background:-webkit-gradient(linear, left top, left bottom, from(#66627f), to(#383645));background:linear-gradient(#66627f, #383645);cursor:move;border-radius:10px 10px 0 0}.app-interface__titlebaricon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.6rem;width:1.5rem;height:1.5rem;background:#d2186f;border-radius:25%;cursor:pointer}.app-interface__titlebaricon:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.app-interface__titlebarcaption{display:inline;text-align:center;white-space:nowrap;overflow:hidden;height:1.2rem;vertical-align:middle;font-size:0.8rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,0.4);cursor:default}.app-interface__closebutton{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:right;margin-top:0.23rem;width:1rem;height:1rem;font-size:0.6rem;background:#df3364;border-radius:25%;cursor:pointer}.app-interface__content{background:#120E28;width:100%;height:100%;border:solid 1px rgba(255,255,255,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.app-dialog{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0.0;-webkit-transition:0.3s opacity;transition:0.3s opacity}.app-dialog__window{position:absolute;top:calc(50% - 4.5rem);left:calc(50% - 10rem);height:9rem;width:20rem;background:rgba(255,255,255,0.1);border-radius:10px 10px 0 0}.app-dialog__titlebar{top:0;left:0;padding:0.4rem;height:1.5rem;background:-webkit-gradient(linear, left top, left bottom, from(#66627f), to(#383645));background:linear-gradient(#66627f, #383645);cursor:move;border-radius:10px 10px 0 0}.app-dialog__titlebarcaption{display:inline;text-align:center;height:1.2rem;vertical-align:middle;font-size:0.8rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,0.4);cursor:default}.app-dialog__closebutton{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:right;margin-top:0.23rem;width:1rem;height:1rem;font-size:0.6rem;background:#df3364;border-radius:25%;cursor:pointer}.app-dialog__closebutton:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.app-dialog__content{background:#120E28;width:100%;border:solid 1px rgba(255,255,255,0.2);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}

О проекте

Описание

Генератор CSS кнопок с настраиваемыми стилями, тенями, границами и анимациями

Лицензия

GPL-3.0

Технологии

PHP JavaScript CSS HTML