codedialog.php

4.0 KB PHP
        <div class="app-interface__window unvisible" id="codedialog-interface__window">
            <header class="app-interface__titlebar" id="codedialog-interface__titlebar">
                <div class="app-interface__titlebaricon" id="codedialog-interface__titlebaricon">
                    <i class="fas fa-square"></i>
                </div>
                <div class="app-interface__titlebarcaption" id="codedialog-interface__titlebarcaption">
                    Код кнопки
                </div>
                <div class="app-interface__closebutton" id="codedialog-interface__closebutton">
                    <i class="fas fa-times"></i>
                </div>
            </header>
            <div class="app-interface__content" id="codedialog-interface__content">
                <!-- Your App Here -->
                <section class="codedialog-codeblock">
                    <div class="codedialog-codeblock__panel">
                        <div class="codedialog-codeblock__codetab codedialog-codeblock__codetab_active"
                             id="codedialog-codeblock__codetab_css">CSS</div>
                        <div class="codedialog-codeblock__codetab"
                             id="codedialog-codeblock__codetab_html">HTML</div>
                        <div class="codedialog-codeblock__copy">Копировать</div>
                        <div class="codedialog-codeblock__codearea"
                             id="codedialog-codeblock__codearea_css">
                            <span class="codedialog-codeblock__linenumbers">1</span>
                            <div class="codedialog-codeblock__code">.CreativeButton {
  background-color: rgb(0,0,0);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,32,146,1) 98%, rgba(24,66,185,1) 100%);
}</div>
                        </div>
                        <div class="codedialog-codeblock__codearea unvisible"
                             id="codedialog-codeblock__codearea_html">
                            <span class="codedialog-codeblock__linenumbers">1</span>
                            <div class="codedialog-codeblock__code"><span style="color:#58e1fe;">&lt;</span><span style="color:#fe5858;">div</span> <span style="color:#b47ae0;">class</span><span style="color:#58e1fe;">=</span><span style="color:#59e472;">"CreativeButton"</span><span style="color:#58e1fe;">&gt;</span>Button Caption<span style="color:#58e1fe;">&lt;/</span><span style="color:#fe5858;">div</span><span style="color:#58e1fe;">&gt;</span></div>
                        </div>
                    </div>
                </section>
                <!-- END: Your App Here -->
            </div>
        </div>

        <script src="/js/CodeDialog.js"></script>

О проекте

Описание

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

Лицензия

GPL-3.0

Технологии

PHP JavaScript CSS HTML