{"id":1005,"date":"2023-12-26T09:14:28","date_gmt":"2023-12-26T09:14:28","guid":{"rendered":"https:\/\/hotels.findcheaphotels.info\/?p=1005"},"modified":"2023-12-26T10:02:44","modified_gmt":"2023-12-26T10:02:44","slug":"12-26","status":"publish","type":"post","link":"https:\/\/hotels.findcheaphotels.info\/?p=1005","title":{"rendered":"12.26"},"content":{"rendered":"\n<p>\uff081\uff09\u516c\u56ed<\/p>\n\n\n<style>\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        border: 0 none;\r\n    }\r\n\r\n \r\n\r\n    .galeriaParkKeukenhof { \r\n        font-family: 'Lato', sans-serif;\r\n        margin: 20px auto 0;\r\n        width: 70%;\r\n        transform-style: preserve-3d;\r\n    }\r\n\r\n    .galeriaParkKeukenhof:before {\r\n        content: '';\r\n        padding-top: 56.25%;\r\n        display: inline-block;\r\n        width: 0;\r\n    }\r\n\r\n    .galeriaParkKeukenhof  .card {\r\n        background-size: 2px 2px, cover;\r\n        background-repeat: repeat, none;\r\n        background-position: 0 0;\r\n        width: 80%;\r\n        height: 50%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);\r\n        border-radius: 3px;\r\n        font-family: 'Great Vibes';\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n    }\r\n\r\n    .galeriaParkKeukenhof  .una {\r\n        background-image: url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAAEFsT2yAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVR4nGNhYGBwYIET\/\/\/\/ZwAAETIDym2lzEcAAAAASUVORK5CYII=),\r\n            url(http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/3-scaled.jpg);\r\n    }\r\n\r\n    .galeriaParkKeukenhof .dos {\r\n        background-image: url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAAEFsT2yAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVR4nGNhYGBwYIET\/\/\/\/ZwAAETIDym2lzEcAAAAASUVORK5CYII=),\r\n            url(http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/2-ethan-unzicker-nx3cTJciWHw-unsplash-min-scaled.jpg);\r\n    }\r\n\r\n    .galeriaParkKeukenhof  .tres {\r\n        background-image: url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAAEFsT2yAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVR4nGNhYGBwYIET\/\/\/\/ZwAAETIDym2lzEcAAAAASUVORK5CYII=),\r\n            url(http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/5-colter-olmstead-hIAs3Rrwl2A-unsplash-min-scaled.jpg);\r\n    }\r\n\r\n    .galeriaParkKeukenhof .card p {\r\n        color: #00262f;\r\n        font-size: 20px;\r\n     \r\n        text-align: center;\r\n        color: #fff;\r\n        font-size: 18px;\r\n        padding: 0 2.25rem;\r\n        line-height: 1.5;\r\n        text-shadow: -1px -1px 0 #0d757d, 1px 1px 0 #000;\r\n        margin-top: 0\r\n    }\r\n\r\n    .galeriaParkKeukenhof .footer {\r\n        color: #0d757d;\r\n        position: absolute;\r\n        bottom: 0;\r\n        width: 100%;\r\n        list-style-type: none;\r\n        border-top: 3px solid rgba(255, 255, 255, 0.3);\r\n        display: flex;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .galeriaParkKeukenhof   .footer li {\r\n        flex: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .galeriaParkKeukenhof   .footer li:before {\r\n        font-size: 4vh;\r\n        line-height: 8vh;\r\n    }\r\n\r\n    .galeriaParkKeukenhof   input {\r\n        visibility: hidden;\r\n    }\r\n\r\n    .galeriaParkKeukenhof  label {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        margin: auto 0;\r\n        color: #fff;\r\n        font-size: 4vw;\r\n        line-height: 15vh;\r\n        text-align: right;\r\n        height: 15vh;\r\n        width: 4vw;\r\n        padding: 0 0.5vw;\r\n        cursor: pointer;\r\n        opacity: 0.2;\r\n        transition: 0.5s linear;\r\n    }\r\n\r\n    .galeriaParkKeukenhof  .otra+.otra,\r\n    .galeriaParkKeukenhof  #uno:checked~.tres .afin,\r\n    .galeriaParkKeukenhof #dole:checked~.una .afin,\r\n    .galeriaParkKeukenhof  #tele:checked~.dos .afin {\r\n        right: 0;\r\n        text-align: left;\r\n    }\r\n\r\n    .galeriaParkKeukenhof   #uno:checked~.una .otra,\r\n    .galeriaParkKeukenhof   #dole:checked~.dos .otra,\r\n    .galeriaParkKeukenhof  #tele:checked~.tres .otra {\r\n        display: block;\r\n    }\r\n\r\n    .galeriaParkKeukenhof   .card:hover label {\r\n        animation: pulso 1s infinite alternate;\r\n    }\r\n\r\n    .galeriaParkKeukenhof   .card:hover label+label {\r\n        animation-delay: 0.5s;\r\n    }\r\n\r\n    .galeriaParkKeukenhof    .card:hover label:hover {\r\n        animation: none;\r\n        opacity: 0.8;\r\n        width: 10vw;\r\n        font-size: 10vw;\r\n    }\r\n\r\n    .galeriaParkKeukenhof #uno:checked~.dos,\r\n    .galeriaParkKeukenhof   #dole:checked~.tres,\r\n    .galeriaParkKeukenhof   #tele:checked~.una {\r\n        animation: 1s fuera-izq;\r\n        animation-fill-mode: forwards;\r\n        transform-origin: center left;\r\n        z-index: 2;\r\n    }\r\n\r\n    .galeriaParkKeukenhof  #uno:checked~.tres,\r\n    .galeriaParkKeukenhof  #dole:checked~.una,\r\n    .galeriaParkKeukenhof  #tele:checked~.dos {\r\n        animation: 1.5s fuera-dch;\r\n        animation-fill-mode: forwards;\r\n        transform-origin: center right;\r\n        z-index: 2;\r\n    }\r\n\r\n    .galeriaParkKeukenhof   #uno:checked~.una,\r\n    .galeriaParkKeukenhof  #dole:checked~.dos,\r\n    .galeriaParkKeukenhof  #tele:checked~.tres {\r\n        animation: 2s central;\r\n        animation-fill-mode: forwards;\r\n        transform-origin: center center;\r\n        z-index: 3;\r\n    }\r\n\r\n    @keyframes fuera-izq {\r\n        0% {\r\n            transform: scale(1) translatex(0%);\r\n        }\r\n\r\n        70% {\r\n            transform: scale(0.9) translatex(-100%);\r\n        }\r\n\r\n        100% {\r\n            transform: scale(0.9) translatex(-7%);\r\n        }\r\n    }\r\n\r\n    @keyframes fuera-dch {\r\n        0% {\r\n            transform: scale(1) translatex(0%);\r\n        }\r\n\r\n        70% {\r\n            transform: scale(0.9) translatex(100%);\r\n        }\r\n\r\n        100% {\r\n            transform: scale(0.9) translatex(7%);\r\n        }\r\n    }\r\n\r\n    @keyframes central {\r\n        0% {\r\n            transform: scale(0.8);\r\n            z-index: 1;\r\n        }\r\n\r\n        80% {\r\n            transform: scale(0.5);\r\n            z-index: 3;\r\n        }\r\n\r\n        100% {\r\n            transform: scale(1);\r\n            z-index: 3;\r\n        }\r\n    }\r\n\r\n    @keyframes pulso {\r\n        50% {\r\n            opacity: 0.7;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div>\r\n    <section class=\"galeriaParkKeukenhof\">\r\n        <input type=\"radio\" id=\"uno\" value=\"1\" name=\"tractor\" checked=\"checked\" \/>\r\n        <input type=\"radio\" id=\"dole\" value=\"2\" name=\"tractor\" \/>\r\n        <input type=\"radio\" id=\"tele\" value=\"3\" name=\"tractor\" \/>\r\n        <article class=\"card una\">\r\n            <ul class=\"footer\">\r\n                <li class=\"entypo-bell\"><\/li>\r\n                <li class=\"entypo-mic\"><\/li>\r\n                <li class=\"entypo-megaphone\"><\/li>\r\n            <\/ul>\r\n            <label for=\"dole\" class=\"entypo-left-bold otra\"><\/label>\r\n            <label for=\"tele\" class=\"entypo-right-bold otra\"><\/label>\r\n            <label for=\"uno\" class=\"entypo-arrows-ccw afin\"><\/label>\r\n        <\/article>\r\n\r\n        <article class=\"card dos\">\r\n            <p>\r\n                Blooming in Holland, Keukenhof Gardens is a dreamland of millions of flowers and ancient windmills.\r\n                Experience Dutch culture, cuisine, and beauty in this perfect blend. Create beautiful memories at\r\n                Keukenhof, where flowers meet dreams!\r\n            <\/p>\r\n            <ul class=\"footer\">\r\n                <li class=\"entypo-network\"><\/li>\r\n                <li class=\"entypo-qq\"><\/li>\r\n                <li class=\"entypo-picasa\"><\/li>\r\n            <\/ul>\r\n            <label for=\"tele\" class=\"entypo-left-bold otra\"><\/label>\r\n            <label for=\"uno\" class=\"entypo-right-bold otra\"><\/label>\r\n            <label for=\"dole\" class=\"entypo-arrows-ccw afin\"><\/label>\r\n        <\/article>\r\n\r\n        <article class=\"card tres\">\r\n            <ul class=\"footer\">\r\n                <li class=\"entypo-ccw\"><\/li>\r\n                <li class=\"entypo-arrows-ccw\"><\/li>\r\n                <li class=\"entypo-cw\"><\/li>\r\n            <\/ul>\r\n            <label for=\"uno\" class=\"entypo-left-bold otra\"><\/label>\r\n            <label for=\"dole\" class=\"entypo-right-bold otra\"><\/label>\r\n            <label for=\"tele\" class=\"entypo-arrows-ccw afin\"><\/label>\r\n        <\/article>\r\n    <\/section>\r\n<\/div>\r\n<script>\r\n    let currentIndex = 0;\r\n    function switchInput () {\r\n        const inputs = document.querySelectorAll('.galeriaParkKeukenhof input[name=\"tractor\"]');\r\n        currentIndex = (currentIndex + 1) % inputs.length;\r\n        inputs[currentIndex].checked = true;\r\n    }\r\n\r\n    setInterval(switchInput, 10000);\r\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p>\uff082\uff09\u7f57\u6280\u7535\u5b50\u4ea7\u54c1<\/p>\n\n\n\r\n    <style>\r\n        *{\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        \r\n \r\n         \r\n\r\n        .logitechElectronics {\r\n            width: 80%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding-bottom: 35%; \r\n            border-radius: .5rem;\r\n            background-color: #E6E9ED;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .logitechElectronics  .logitechElectronics__header {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            left: 0;\r\n            overflow: hidden;\r\n            padding-bottom: 36.125%;\r\n            background-color: #5D9CEC;\r\n            background-image: url(\"http:\/\/hotels.findcheaphotels.info\/wp-content\/uploads\/2023\/12\/2-scaled.jpg\");\r\n            background-size: cover;\r\n        }\r\n\r\n        .logitechElectronics    .logitechElectronics__header:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            left: 0;\r\n            background-color: rgba(0, 0, 0, 0.35);\r\n        }\r\n\r\n        .logitechElectronics   .logitechElectronics__header:after {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            top: 100%;\r\n            width: 150%;\r\n            height: 100%;\r\n            background-color: #E6E9ED;\r\n            transform: rotate(-5deg);\r\n            transform-origin: 0 0;\r\n        }\r\n\r\n        .logitechElectronics   .logitechElectronics__title {\r\n            font-size: 41px;\r\n            font-weight: 300;\r\n            line-height: 1;\r\n            z-index: 10;\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 6.25%;\r\n            width: 47%;\r\n            padding-bottom: 4.5%;\r\n            color: #fff;\r\n            text-transform: uppercase;\r\n            transform: rotate(-5deg);\r\n            transform-origin: 0 0;\r\n        }\r\n\r\n        .logitechElectronics   .logitechElectronics__content {\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 0;\r\n            left: 0;\r\n            padding-bottom: 9.375%; \r\n        }\r\n\r\n        .logitechElectronics   .logitechElectronics__details {\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 3.125%;\r\n            left: 3.125%;\r\n            margin: 0;\r\n            transform: translateY(-50%);\r\n        }\r\n\r\n        .logitechElectronics   .logitechElectronics__description,\r\n        .logitechElectronics   .logitechElectronics__amount {\r\n            font-size: 1.125rem;\r\n            font-weight: 600;\r\n            line-height: 1;\r\n            color: #656D78;\r\n        }\r\n\r\n        .logitechElectronics  .logitechElectronics__description {\r\n            float: left;\r\n        }\r\n\r\n        .logitechElectronics__amount {\r\n            float: right;\r\n        }\r\n\r\n        .logitechElectronics     .c-button {\r\n        \r\n            margin: 0;\r\n            border: 0;\r\n            overflow: visible;\r\n            font: inherit;\r\n            text-transform: none;\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            user-select: none;\r\n        }\r\n        .logitechElectronics     .c-button:hover,\r\n        .logitechElectronics    .c-button:focus {\r\n                outline: none;\r\n                text-decoration: none;\r\n            }\r\n\r\n            .logitechElectronics    .c-button:not(:disabled) {\r\n                cursor: pointer;\r\n            }\r\n        \r\n\r\n            .logitechElectronics     .btnElectronics {\r\n            position: absolute;\r\n            right: 3.125%;\r\n            bottom: 1.875rem;\r\n            z-index: 10;\r\n            background-color: #5D9CEC;\r\n            padding: .625rem 10px;\r\n         \r\n            font-size: 1.125rem;\r\n            font-weight: 600;\r\n            line-height: 1;\r\n            border-radius: .5rem;\r\n            transition: background-color .2s linear;\r\n            transform: rotate(-5deg);\r\n            transform-origin: 0 0;}\r\n            .logitechElectronics      .btnElectronics a{\r\n                color: #E6E9ED;\r\n                text-decoration: none;\r\n            }\r\n\r\n            .logitechElectronics      .btnElectronics:hover {\r\n                background-color: #fff;\r\n            }\r\n            .logitechElectronics    .btnElectronics:hover  a{\r\n                color: #5D9CEC;\r\n            }\r\n    <\/style>\r\n\r\n    <div class=\"logitechElectronics\">\r\n        <div class=\"logitechElectronics__header\">\r\n            <h2 class=\"logitechElectronics__title\">Logitech Electronics<\/h2>\r\n            <button class=\"c-button btnElectronics\" type=\"button\"> <a href=\"#\">Learn More Now<\/a><\/button>\r\n        <\/div>\r\n        <div class=\"logitechElectronics__content\">\r\n            <p class=\"logitechElectronics__details\">\r\n                <span class=\"logitechElectronics__description\">Platinum Package<\/span>\r\n                <span class=\"logitechElectronics__amount\">$249.99<\/span>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"<p>\uff081\uff09\u516c\u56ed \uff082\uff09\u7f57\u6280\u7535\u5b50\u4ea7\u54c1<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1005","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/1005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1005"}],"version-history":[{"count":2,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/1005\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=\/wp\/v2\/posts\/1005\/revisions\/1009"}],"wp:attachment":[{"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotels.findcheaphotels.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}