Modify icons : micro and cam
This commit is contained in:
parent
0640a14f84
commit
9df2932f8f
6 changed files with 8 additions and 20 deletions
20
front/dist/resources/style/style.css
vendored
20
front/dist/resources/style/style.css
vendored
|
@ -44,7 +44,7 @@ video{
|
|||
height: 25%;
|
||||
top: 10px;
|
||||
margin: 5px;
|
||||
right: -100px;
|
||||
right: 10px;
|
||||
transition: all 0.2s ease;
|
||||
border-color: black;
|
||||
border-style: solid;
|
||||
|
@ -112,28 +112,16 @@ video{
|
|||
.btn-cam-action div{
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
border: solid 0px black;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: #666;
|
||||
box-shadow: 2px 2px 24px #444;
|
||||
border-radius: 48px;
|
||||
transform: translateY(12vw);
|
||||
transition-timing-function: ease-in-out;
|
||||
bottom: 20px;
|
||||
}
|
||||
.webrtc:hover .btn-cam-action div{
|
||||
transform: translateY(0);
|
||||
}
|
||||
.btn-cam-action div:hover{
|
||||
background: #407cf7;
|
||||
box-shadow: 4px 4px 48px #666;
|
||||
transition: 280ms;
|
||||
}
|
||||
|
||||
|
||||
.btn-micro{
|
||||
transition: all .3s;
|
||||
right: 44px;
|
||||
}
|
||||
|
||||
.btn-video{
|
||||
transition: all .2s;
|
||||
right: 134px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue