.frame {
на .slider /deep/ .frame {
.mounted() { for (let i = 0; i < 3; i++) { let frame = document.createElement("div"); frame.classList.add("frame"); //класс присваивается но стили не применяются this.$refs.slider.appendChild(frame); } },
addEventListener
в качестве третьего аргумента { once: true }
. background-image: repeating-linear-gradient(45deg, #fff, #fff 2px, transparent 2px, transparent 50px);
ul ul {
display: none;
}
input[type="radio"]:checked ~ ul {
display: block;
}
top: 0;
для .pic
. .el {
animation: blink 2s linear infinite;
background: #000;
}
.el:nth-child(1) { animation-delay: 0s; }
.el:nth-child(2) { animation-delay: 0.5s; }
.el:nth-child(3) { animation-delay: 1s; }
.el:nth-child(4) { animation-delay: 1.5s; }
@keyframes blink {
0%, 20% {
background: #000;
}
10% {
background: #F00;
}
}