求各位，帮忙看看这个3D旋转的插件，为什么加入文字图片后模糊？

Question

找了一个3D旋转的插件，里面的内容加入了文字和图片后，特别模糊，在网上搜了一下，说是因为transform的原因，把宽高改为偶数就可以了，但是我怎么修改都不对，求求各位，帮忙看一下，万分感谢

html部分

<div class="htmleaf-container">
    <div id="carousel">
        <div id="container" tcc-rotation="0">
            <item style="background:#16287a"><span>01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？</span></item>
            <item style="background:#72167a"><span>02我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？02我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？02我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？02我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？02我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？02我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？</span></item>
            <item style="background:#7a1616"><span>03我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？03我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？03我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？03我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？03我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？06我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？</span>
            </item>
            <item style="background:#166b7a"><span>04我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？04我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？04我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？04我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？04我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？04我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？</span></item>
            <item style="background:#167a32"><span>05我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？05我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？05我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？05我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？05我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？05我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？</span></item>
            <item style="background:#7a6d16"><span>06我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？06我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？06我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？06我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？06我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？06我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？01我的文字图片很模糊怎么办？</span></item>
        </div>
        
        <nav class="tc-btn-container">
            <div class="tc-next">NEXT</div>
            <div class="tc-prev">PREV</div>
        </nav>
        
    </div>
</div>

css部分

body{
    background: #494A5F;
    color: #fff;
}

#carousel {
    display: block;
    height: auto;
    margin: 0 auto;
    -webkit-perspective: 2000px;
    perspective: 2004px;
    position: relative;
    top: 200px;
    width: 1700px;
    font-size: 12px;
}

#container {
    display: block;
    height: 200px;
    margin: 0 auto;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-origin: center bottom 0;
    transform-origin: center bottom 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 33.75vw;
    z-index: 1000;
}

item {
    display: block;
    margin: 0;
    padding: 0;
    width: 33.75vw;
    background: #000;
    -webkit-transform: translateZ(400px);
    -ms-transform: translateZ(400px);
    -o-transform: translateZ(400px);
    transform: translateZ(400px);
    position: absolute;
}
item img {
    width: 100%;
}

.tc-btn-container {
  display: block;
  float: left;
  height: 35px;
  margin-top: -12.5px;
  position: absolute;
  top: 50%;
  width: 100%;
}

.tc-next {
    background-color: #333;
    color: white;
    display: block;
    float: right;
    font-size: 12px;
    padding: 10px;
    width: auto;
    cursor: pointer;
}

.tc-prev {
    background-color: #333;
    color: white;
    display: block;
    float: left;
    font-size: 12px;
    padding: 10px;
    width: auto;
    cursor: pointer;
}

js部分

$(document).ready(function($){

    var crotation;
    var rotateto = 0;
    var itemCount = $('item').length; // count of items in corousel
    var tcItemInitialRotation = 360/itemCount;
    var tcZDistance = 600;
    
    $('item').each( function(index) {
                   
        $(this).css({
            'transform' : 'rotateY('+( tcItemInitialRotation * index )+'deg) translateZ('+tcZDistance+'px)'
        }).attr('tc-rotation', ( tcItemInitialRotation * index ) );

    });
    
    function tcRotate(tcdeg){
        $('#container').css({
            'transform'         : 'rotateY('+ tcdeg +'deg)',
            '-ms-transform'     : 'rotateY('+ tcdeg +'deg)',
            '-webkit-transform' : 'rotateY('+ tcdeg +'deg)'
        });
    }
    
    $('item').on('click', function(){
        crotation = $('#container').attr('tcc-rotation');
        var rotation = $(this).attr('tc-rotation');       
        rotateto = crotation - rotation;
        tcRotate(rotateto);
        crotation = rotateto;
    });
    
    $('.tc-next').on('click', function(){
        rotateto -= tcItemInitialRotation;
        tcRotate(rotateto);
    });
    $('.tc-prev').on('click', function(){
        rotateto += tcItemInitialRotation;
        tcRotate(rotateto);
    });

});