css 猫头鹰点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 猫头鹰点相关的知识,希望对你有一定的参考价值。

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #F5F112;;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

以上是关于css 猫头鹰点的主要内容,如果未能解决你的问题,请参考以下文章

css 猫头鹰箭头导航

css 猫头鹰横幅(滑块)

css Lobotomized猫头鹰

猫头鹰旋转木马响应猫头鹰点工作奇怪

调整jquery css大小时的猫头鹰轮播响应裁剪宽度

猫头鹰轮播:不将 data-src 值拉为 Vimeo 视频的 CSS 中的背景图像