Jump to content
  • 0

Уголок у кнопки


npofopr
 Share

Question

17 answers to this question

Recommended Posts

  • 0

 

Скорее вот так - также проще http://jsfiddle.net/pLzs9/2/

 

Можно со стилем границы поиграться. Если например выставить dashed, то заметно некоторое "сглаживание":http://jsfiddle.net/pLzs9/6/

 

Еще раз спрошу.

Как сделать через border резиновую длину?

 

Я умею треугольники делать :-) + есть куча генераторов. Но основной вопрос в длине. Уголок не должен зависеть от длины.

Link to comment
Share on other sites

  • 0

@CoDy,а где там бордер?)... ну тут кстати по-моему нет разницы трансформ использовать или градиент - они поддерживаются не всеми браузерами и примерно одинаково, в то время как бордер всеми... 

Link to comment
Share on other sites

  • 0
а где там бордер?)

 

Дак я и не ставил целью сделать уголок через бордер. Просто через градиент, я так понял, "лесенка" некрасивая выходит, о чем и писалось в первом топике.

С тем, что именно через бордер, нельзя сделать я полностью согласен.

 

А вот "причесать лесенку" и более мене сделать независимо от ширины можно. Вот тут можно сравнить результат через градиент и мой вариант: http://jsfiddle.net/XDXW2/2/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Alex777-777
      Все привет.
      Использую bootstrap 3, хотя это наверно и не существенно. Необходимо сделать, чтобы у активных кнопок внизу был указатель, как на картинке. Кнопка любого цвета с любой границей, с иконками и текстом. Но проблема именно с треугольником внизу у активной кнопки.

      Не знаю, как к этому подступиться. Толкните в нужном направлении, спасибо.
       
    • By Progrmergr
      <button class="but" onclick="tap">Пельмени</button> Как я могу в JS получить слово "Пельмени"?
    • By Bourdun
      Появился вопрос на который я так и не смог найти ответа. Нужно создать регистрацию и авторизацию с базой данных и я не понимаю как подключить php файл к html? В остальном попытаюсь разобраться сам
    • By VolKTieR
      Здравствуйте.
      Имеется данный код:
      <audio id="audio">     <source src="audio/1.mp3" type="audio/mpeg"> </audio> <div class="fixedbut" id="sebut">Звук</div> <style> div.fixedbut { position: fixed;     bottom: 93%;     right: 20px;      display: block;      background: white;      border-radius: 10px;     color: black;      text-decoration: none;      padding: 6px 23px;     font-size: 17px ;     -webkit-transition: 0.33s all ease-out;      -o-transition: 0.33s all ease-out;      transition: 0.33s all ease-out;     z-index: 999; } div.fixedbut:hover {         background: grey;         color: white; } </style> <script> document.getElementById("sebut").onclick = function()     {       var myaudio = document.getElementById("audio");       if(myaudio.paused == true)       {         document.getElementById("audio").play();  }       else if (myaudio.paused == false)       {         document.getElementById("audio").pause(); }     } </script> <script>     $(document).ready(function(){       $(window).scroll(function () {         if ($(this).scrollTop() > 200)          {             $('div.fixedbut').fadeIn();        }         else          {             $('div.fixedbut').fadeOut();         }   })     }); </script>
       
      Кнопка плавающая, останавливает звук включенный другой .
      Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
      Подскажите пожалуйста как сделать))
    • By zexerevev
      Добрый день народ
      У меня есть JS код для веб-картографии который делает отображение на карте двоих шаров и свайп между ними
      В html коде вызывается этот JS код такими командами
      var ctrl = new ol.control.Swipe(); map.addControl(ctrl); // Set stamen on left ctrl.addLayer(osm, true); // OSM on right ctrl.addLayer(stamen); Как эти параметры передать на кнопку, что бы onclick включать и выключать данную функцию
      Если возможно какие то ссылки на дополнительную информацию по этому, так как придется много делать кнопок под разные функции
      Спасибо за понимает с Frontendom еще знаком не близко
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy