{"id":20,"date":"2026-09-15T14:08:30","date_gmt":"2026-09-15T19:08:30","guid":{"rendered":"https:\/\/ikonodesing.com\/?page_id=20"},"modified":"2026-09-15T14:37:38","modified_gmt":"2026-09-15T19:37:38","slug":"ventanas","status":"publish","type":"page","link":"https:\/\/ikonodesing.com\/index.php\/ventanas\/","title":{"rendered":"Ventanas"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Tarjetas 3D con efecto flip - MagtimusPro<\/title>\r\n\r\n <link rel=\"stylesheet\" href=\"css\/estilos.css\">\r\n<\/head>\r\n<body>\r\n\r\n <main>\r\n\r\n <div class=\"container__card\">\r\n\r\n <div class=\"card__father\">\r\n <div class=\"card\">\r\n <div class=\"card__front\" style=\"background-image: url(https:\/\/ikonodesing.com\/wp-content\/uploads\/2026\/09\/img1.jpg);\">\r\n <div class=\"bg\"><\/div>\r\n <div class=\"body__card_front\">\r\n <h1>Sistema operativo de ventanas<\/h1>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card__back\">\r\n <div class=\"body__card_back\">\r\n <h1>Windows 10<\/h1>\r\n <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ab quas recusandae voluptatum aliquid tempore animi corporis voluptas. Tempore neque iure necessitatibus voluptas nesciunt animi dolores incidunt delectus sapiente illum.<\/p>\r\n <input type=\"button\" value=\"Leer M\u00e1s\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card__father\">\r\n <div class=\"card\">\r\n <div class=\"card__front\" style=\"background-image: url(https:\/\/ikonodesing.com\/wp-content\/uploads\/2026\/09\/img2.jpg);\">\r\n <div class=\"bg\"><\/div>\r\n <div class=\"body__card_front\">\r\n <h1>Sistema operativo estable<\/h1>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card__back\">\r\n <div class=\"body__card_back\">\r\n <h1>MAC OS X Capitan<\/h1>\r\n <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ab quas recusandae voluptatum aliquid tempore animi corporis voluptas. Tempore neque iure necessitatibus voluptas nesciunt animi dolores incidunt delectus sapiente illum.<\/p>\r\n <input type=\"button\" value=\"Leer M\u00e1s\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card__father\">\r\n <div class=\"card\">\r\n <div class=\"card__front\" style=\"background-image: url(https:\/\/ikonodesing.com\/wp-content\/uploads\/2026\/09\/img3.jpg);\">\r\n <div class=\"bg\"><\/div>\r\n <div class=\"body__card_front\">\r\n <h1>Sistema operativo Gpl<\/h1>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card__back\">\r\n <div class=\"body__card_back\">\r\n <h1>UBUNTU<\/h1>\r\n <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ab quas recusandae voluptatum aliquid tempore animi corporis voluptas. Tempore neque iure necessitatibus voluptas nesciunt animi dolores incidunt delectus sapiente illum.<\/p>\r\n <input type=\"button\" value=\"Leer M\u00e1s\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/main>\r\n \r\n<\/body>\r\n<\/html>\r\n\r\n<style>\r\n \r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');\r\n\r\n*{\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Lato', sans-serif;\r\n}\r\n\r\nbody{\r\n background: #F1FAFF;\r\n}\r\n\r\n.container__card{\r\n max-width: 1200px;\r\n margin: auto;\r\n margin-top: 100px;\r\n perspective: 1000px;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.card__father{\r\n margin: 20px;\r\n perspective: 1000px;\r\n -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0,0,0,0.2));\r\n}\r\n\r\n.card__father:hover .card{\r\n transform: rotateY(180deg);\r\n}\r\n\r\n\r\n.card{\r\n width: 350px;\r\n height: 400px;\r\n position: relative;\r\n transform-style: preserve-3d;\r\n transition: all 600ms;\r\n}\r\n\r\n.card__front{\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n\r\n.card__front,\r\n.card__back{\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n backface-visibility: hidden;\r\n transform-style: preserve-3d;\r\n border-radius: 20px;\r\n}\r\n\r\n.card__back{\r\n transform: rotateY(180deg);\r\n background: white;\r\n}\r\n\r\n.body__card_front{\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n padding: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #fff;\r\n transform: translateZ(60px);\r\n}\r\n\r\n.bg{\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background: rgba(0,0,0,0.4);\r\n border-radius: 20px;\r\n}\r\n\r\n.body__card_back{\r\n padding: 40px;\r\n text-align: center;\r\n transform: translateZ(60px);\r\n}\r\n\r\n.body__card_back p{\r\n margin-top: 30px;\r\n font-size: 18px;\r\n}\r\n\r\n.body__card_back input{\r\n padding: 10px 40px;\r\n margin-top: 30px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n border: none;\r\n color: white;\r\n background: #58B0F6;\r\n box-shadow: 1px 1px 30px -5px #58B0F6;\r\n border-radius: 10px;\r\n transition: box-shadow 600ms;\r\n}\r\n\r\n.body__card_back input:hover{\r\n box-shadow: 1px 1px 30px 0px #449de6;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-215e8cf e-flex e-con-boxed e-con e-parent\" data-id=\"215e8cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dfb113 elementor-widget elementor-widget-spacer\" data-id=\"8dfb113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0be0958 e-flex e-con-boxed e-con e-parent\" data-id=\"0be0958\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3f1c2b elementor-widget elementor-widget-html\" data-id=\"d3f1c2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span>IKONODESING<\/span>\r\n\r\n<style>\r\n \r\n import url('https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@900&display=swap');\r\n\r\nbody{\r\n background:yellow;\r\n\tfont-family: 'Raleway', sans-serif;\r\n}\r\n\r\nspan{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n font-size:120px;\r\n\tletter-spacing:0.1em;\r\n -webkit-text-fill-color: transparent;\r\n -webkit-text-stroke-width: 3px;\r\n -webkit-text-stroke-color: white;\r\n text-shadow: \r\n\t\t\t\t\t\t8px 8px #ff1f8f,\r\n\t\t\t\t\t\t20px 20px #000000;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41f0d28 e-flex e-con-boxed e-con e-parent\" data-id=\"41f0d28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7785129 elementor-widget elementor-widget-spacer\" data-id=\"7785129\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61d455a e-flex e-con-boxed e-con e-parent\" data-id=\"61d455a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70b638b elementor-invisible elementor-widget elementor-widget-html\" data-id=\"70b638b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeIn","_animation_delay":100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t <link href=\"https:\/\/fonts.googleapis.com\/css?family=Archivo+Black&display=swap\" rel=\"stylesheet\">\r\n\r\n<p class=\"logo-1\">\r\n IKONODESING\r\n <\/p>\r\n \r\n \r\n <STYLE>\r\n \r\n :root {\r\n --shadow-color: #FF9E9E;\r\n --shadow-color-light: white;\r\n}\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: \"Archivo\", sans-serif;\r\n background-color: #192824;\r\n}\r\n\r\np {\r\n margin: calc(50vh - 40px) auto 0 auto;\r\n font-size: 65px;\r\n text-transform: uppercase;\r\n font-family: \"Archivo Black\", \"Archivo\", sans-serif;\r\n font-weight: normal;\r\n display: block;\r\n height: auto;\r\n text-align: center;\r\n}\r\n\r\n.logo-1 {\r\n color: white;\r\n animation: neon 3s infinite;\r\n}\r\n\r\n@keyframes neon {\r\n 0% {\r\n text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),\r\n 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),\r\n 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);\r\n }\r\n 50% {\r\n text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),\r\n 0 0 5px var(--shadow-color-light), 0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light),\r\n 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color), 0 0 110px var(--shadow-color), 0 0 210px var(--shadow-color);\r\n }\r\n 100% {\r\n text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),\r\n 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),\r\n 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);\r\n }\r\n}\r\n <\/STYLE>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tarjetas 3D con efecto flip – MagtimusPro Sistema operativo de ventanas Windows 10 Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ab quas recusandae voluptatum<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ventanas - Comvertimos tus ideas en dise\u00f1os<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ikonodesing.com\/index.php\/ventanas\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ventanas - Comvertimos tus ideas en dise\u00f1os\" \/>\n<meta property=\"og:description\" content=\"Tarjetas 3D con efecto flip – MagtimusPro Sistema operativo de ventanas Windows 10 Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ab quas recusandae voluptatum [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ikonodesing.com\/index.php\/ventanas\/\" \/>\n<meta property=\"og:site_name\" content=\"Comvertimos tus ideas en dise\u00f1os\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T19:37:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ikonodesing.com\\\/index.php\\\/ventanas\\\/\",\"url\":\"https:\\\/\\\/ikonodesing.com\\\/index.php\\\/ventanas\\\/\",\"name\":\"Ventanas - Comvertimos tus ideas en dise\u00f1os\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ikonodesing.com\\\/#website\"},\"datePublished\":\"2026-09-15T19:08:30+00:00\",\"dateModified\":\"2026-09-15T19:37:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ikonodesing.com\\\/index.php\\\/ventanas\\\/#breadcrumb\"},\"inLanguage\":\"es-CO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ikonodesing.com\\\/index.php\\\/ventanas\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ikonodesing.com\\\/index.php\\\/ventanas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/ikonodesing.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ventanas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ikonodesing.com\\\/#website\",\"url\":\"https:\\\/\\\/ikonodesing.com\\\/\",\"name\":\"Comvertimos tus ideas en dise\u00f1os\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ikonodesing.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CO\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ventanas - Comvertimos tus ideas en dise\u00f1os","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ikonodesing.com\/index.php\/ventanas\/","og_locale":"es_ES","og_type":"article","og_title":"Ventanas - Comvertimos tus ideas en dise\u00f1os","og_description":"Tarjetas 3D con efecto flip – MagtimusPro Sistema operativo de ventanas Windows 10 Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ab quas recusandae voluptatum [\u2026]","og_url":"https:\/\/ikonodesing.com\/index.php\/ventanas\/","og_site_name":"Comvertimos tus ideas en dise\u00f1os","article_modified_time":"2026-09-15T19:37:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ikonodesing.com\/index.php\/ventanas\/","url":"https:\/\/ikonodesing.com\/index.php\/ventanas\/","name":"Ventanas - Comvertimos tus ideas en dise\u00f1os","isPartOf":{"@id":"https:\/\/ikonodesing.com\/#website"},"datePublished":"2026-09-15T19:08:30+00:00","dateModified":"2026-09-15T19:37:38+00:00","breadcrumb":{"@id":"https:\/\/ikonodesing.com\/index.php\/ventanas\/#breadcrumb"},"inLanguage":"es-CO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ikonodesing.com\/index.php\/ventanas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ikonodesing.com\/index.php\/ventanas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/ikonodesing.com\/"},{"@type":"ListItem","position":2,"name":"Ventanas"}]},{"@type":"WebSite","@id":"https:\/\/ikonodesing.com\/#website","url":"https:\/\/ikonodesing.com\/","name":"Comvertimos tus ideas en dise\u00f1os","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ikonodesing.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CO"}]}},"_links":{"self":[{"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":20,"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":53,"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/53"}],"wp:attachment":[{"href":"https:\/\/ikonodesing.com\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}