zet777

background: linear-gradient(326deg, #316155, #5fc370, #b8c35f, #c3905f);
background-size: 800% 800%;
-webkit-animation: screenplug 11s ease infinite;
-moz-animation: screenplug 11s ease infinite;
-o-animation: screenplug 11s ease infinite;
animation: screenplug 11s ease infinite;
@-webkit-keyframes screenplug {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}

zet777

position: absolute;
width: 544px;
height: 275px;
left: 181px;
top: 413px;

background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(14px);/* Note: backdrop-filter has minimal browser support */

zet777

body {
 height: 100%;
 background: linear-gradient(to bottom, #d7ae6c 0%, #2c2416 100%)!important;
}


.fut-block:hover{
  	
	border: 6px solid rgba(255,255,255,.0);
}

zet777

body {
  background: #eee;
}
.lbl {
  position: relative;
  display: block;
  height: 20px;
  width: 44px;
  background: #898989;
  border-radius: 100px;

zet777

<!-- Первый пример -->
<h2>Первый пример</h2>
<ul id="repeat-object1">
  <li v-for="value in user" v-cloak>
    {{ value }}
  </li>
</ul>
<hr />

zet777

.header {
	position: fixed;
	top: 0px;
}

zet777

<label class="custom-checkbox">
	<input type="checkbox" checked="checked">
	Нажми на меня
</label>

zet777

<canvas id="canvas-basic"></canvas>
<canvas id="canvas-radial"></canvas>

zet777

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
	// код для мобильных устройств
} else {
	// код для обычных устройств
}

zet777

const  numberFormat = new Intl.NumberFormat('de-DE');
let out = numberFormat.format(74391351.243);
console.log(out);

out = new Intl.NumberFormat("en-US",{
    style:"percent"
}).format(0.25);
console.log(out)

// Валюты