Bootstrap Snippet Кнопка using HTML CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- Трубка     -->
<div id="create">
  <div class="rectframe" style="transform-origin: center;"></div>
  <div class="rect-fill" style="transform-origin: center;"></div>
  <div class="rectangle" style="transform-origin: center;">
    <div class="img-circleblock2" style="transform-origin: center;">
    РАЗМЕСТИТЬ
    </div>
  </div>    
</div>
    
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic);
.rectangle {
}
#create{
    position: fixed;
    right: 10px;
    bottom:50px;
    z-index: 100000;
    max-height: 80px;
    max-width: 200px;
    /* font-family: 'Open Sans',sans-serif */
}
.rectframe {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 2px solid #29aee3;
    width: 430px;
    height: 155px;
    bottom: -22px;
    right: -48px;
    position: absolute;
    /* -webkit-border-radius: 100%; */
    -moz-border-radius: 100%;
    /* border-radius: 100%; */
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite ease-in-out!important;
    -moz-animation: circle-anim 2.4s infinite ease-in-out!important;
    -ms-animation: circle-anim 2.4s infinite ease-in-out!important;
    -o-animation: circle-anim 2.4s infinite ease-in-out!important;
    animation: circle-anim 2.4s infinite ease-in-out!important;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Кнопка"
Bootstrap 3.3.0 Snippet by Burny0205

Related: See More

Questions / Comments:

"Кнопка" Bootstrap 3.3.0 Snippet by Burny0205

Related: See More

Questions / Comments:

"Кнопка"
Bootstrap 3.3.0 Snippet by Burny0205