Modern97 Mechanical Keyboard Ocean
.mb-devices > .shg-box-content { display: flex; margin: 0 auto; justify-content: space-between; gap: 5.0%; padding: 0 16px; } @media (min-width: 768px) and (max-width:991px) { .tab let-width-12 .shg-c-sm-4, .tablet-width-12 .shg-c-sm-6 { width:100% !important; } .sub-br br { display: flex; margin: -2.5% 0; content: " "; } .flex-column-reverse > .shg-row { flex-direction: column-reverse; } } .font-weight-500 .shg-rich-text p, .font-weight-500 .shg-rich-text span { font-weight: 500; } .max-height-88 { max-height:88px; } .max-height-28 { max-height:28px; } .clild-left-right-bottom > .shg-box-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .clild-left-right-bottom > .shg-box-content > .shg-box-vertical-align-wrapper:first-child { width:39%; } .clild-left-right-bottom > .shg-box-content > .width-55 { width:61%; } .clild-left-right-bottom > .shg-box-content > .width-100 { flex-basis: 100%; align-self: flex-start; } .clild-bottom { display: flex; align-items: flex-end; } .clild-bottom-image .shogun-image-content { display: flex; align-items: flex-end; } .clild-top-bottom-image .shogun-image-content { display: flex; align-items: start; } .clild-top-bottom-image .shogun-image-content > div { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; height: 100%; } .clild-top-image .shogun-image-content { display: flex; align-items: flex-start; } .background-gradient-2 { background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%); } .play-icon img:hover { cursor: pointer; transform: scale(1.2); } .rm-border { border-right: none !important; } @media (max-width: 820px) { .slider-mb .shg-sld-nav-button { padding-bottom: 10%; } .slider-mb .shg-sld-dot { height: 11px; width:11px; } .letter-space-096 .shg-rich-text span, .letter-space-096 .shg-rich-text p { width: 119%; margin-left: -8%; } .background-linear { background: linear-gradient(180deg, #D3E4F1 0%, #798EA9 82%, #5F6D84 100%); border-radius: 6px 6px 6px 6px; height: calc(100vw / 375 * 138) !important; } .product-tabs__tab-item-wrapper { padding: 0 0; } .head-mb-28 .shogun-heading-component h1, .head-mb-28 .shg-rich-text span, .head-mb-28 .shg-rich-text p { font-weight: 700; font-family: "Roboto Condensed"; font-size: calc(100vw / 375 * 28) !important; } .head-mb-28-font .shogun-heading-component h1, .head-mb-28-font .shg-rich-text span, .head-mb-28-font .shg-rich-text p { font-weight: 700; font-family: "Roboto Condensed"; font-size: calc(100vw / 375 * 28) !important; } .modern97-head-font .shogun-heading-component h1, .modern97-head-font .shg-rich-text span, .modern97-head-font .shg-rich-text p { color: #111; font-weight: 700; font-family: "Roboto Condensed"; font-size: calc(100vw / 15.625) !important; } .modern97-head-n0-font .shogun-heading-component h1 { font-size: calc(100vw / 10.27397) !important; } .head-mb-35 .shogun-heading-component h1 { font-size: calc(100vw / 375 * 35) !important; font-weight: 700; font-family: "Roboto Condensed"; } .head-mb-25 .shogun-heading-component h1 { font-size: calc(100vw / 375 * 25) !important; font-weight: 700; font-family: "Roboto Condensed"; } .head-mb-40 .shogun-heading-component h1 { font-size: calc(100vw / 375 * 32) !important; font-weight: 700; font-family: "Roboto Condensed"; } .head-mb-32 .shogun-heading-component h1 { font-size: calc(100vw / 375 * 32) !important; font-weight: 700; font-family: "Roboto Condensed"; } .modern97-head-32-font .shogun-heading-component h1 { font-size: calc(100vw / 375 * 32) !important; font-weight: 700; font-family: "Roboto Condensed"; } .head-mb-28 .shogun-heading-component h1 { font-size: calc(100vw / 375 * 28) !important; font-weight: 700; font-family: "Roboto Condensed"; } .modern97-head-28-font .shogun-heading-component h1 { font-size: calc(100vw / 375 * 28) !important; font-weight: 700; font-family: "Roboto Condensed"; } .modern97-head-24-font .shogun-heading-component h1 { font-size: calc(100vw / 375 * 24) !important; font-weight: 700; font-family: "Roboto Condensed"; } .modern97-head-n2-font .shogun-heading-component h2 { font-family: "Roboto Condensed"; font-size: calc(100vw / 19.7368) !important; } .modern97-head-n3-font .shogun-heading-component h3 { font-size: calc(100vw / 34.09) !important; } .modern97-head-n4-font .shogun-heading-component h4 { font-size: calc(100vw / 53.571) !important; } .text-mb-18 .shg-rich-text span, .text-mb-18 .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 18) !important; } .modern97-text-18-font .shg-rich-text span, .modern97-text-18-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 18) !important; } .modern97-text-16-font .shg-rich-text span, .modern97-text-16-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 16) !important; } .text-mb-14-font .shg-rich-text span, .text-mb-14-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 14) !important; line-height:calc(100vw / 375 * 16) !important; } .text-mb-14 .shg-rich-text span, .text-mb-14 .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 14) !important; line-height:calc(100vw / 375 * 16) !important; } .modern97-text-14-font .shg-rich-text span, .modern97-text-14-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 14) !important; line-height:calc(100vw / 375 * 16) !important; } .modern97-text-11-font .shg-rich-text span, .modern97-text-11-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 11) !important; } .text-mb-10 .shg-rich-text span, .text-mb-10 .shogun-heading-component h2,.text-mb-10 .shogun-heading-component h1, .text-mb-10 .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 10) !important; } .text-mb-9 .shg-rich-text span, .text-mb-9 .shogun-heading-component h2,.text-mb-10 .shogun-heading-component h1, .text-mb-9 .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 9) !important; } .modern97-text-10-font .shg-rich-text span, .modern97-text-10-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 375 * 10) !important; } .modern97-text-font .shg-rich-text span, .modern97-text-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 26.7857) !important; } .modern97-spec-font .shg-rich-text span, .modern97-spec-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 37.5) !important; } .modern97-text-min-1-font .shg-rich-text span, .modern97-text-min-1-font .shg-rich-text p { font-family: Poppins; font-size: calc(100vw / 53.571) !important; } } @media (min-width: 821px) { .mg-zoom-hover > div.shg-row .background-gradient-2 { opacity: 0; transition: opacity 1s; } .mg-zoom-hover > div.shg-row> div.shg-c-md-4:hover .background-gradient-2 { opacity: 1 !important; } .mg-zoom-hover div.shg-row > div.shg-c-md-4 .shogun-image-container { overflow: hidden; } .mg-zoom-hover div.shg-row > div.shg-c-md-4 .shogun-image-container img { transition: transform 1s; } .mg-zoom-hover div.shg-row> div.shg-c-md-4:hover .shogun-image-container img { transform: scale(1.5); transform-origin: center; } .background-linear { background: linear-gradient(180deg, #D3E4F1 0%, #798EA9 82%, #5F6D84 100%); border-radius: 16px 16px 16px 16px; height: 258px; } .text-pc-38-font .shg-rich-text span, .text-pc-38-font .shg-rich-text p { font-family: Poppins; font-size: 38px; } .text-pc-30 .shg-rich-text span, .text-pc-30 .shg-rich-text p { font-family: Poppins; font-size: 30px; } .text-pc-18-font .shg-rich-text span, .text-pc-18-font .shg-rich-text p { font-family: Poppins; font-size: 18px; } .text-pc-24 .shg-rich-text span, .text-pc-24 .shg-rich-text p { font-family: Poppins; font-size: 24px; } .text-pc-22 .shg-rich-text span, .text-pc-22 .shg-rich-text p { font-family: Poppins; font-size: 22px; } .modern97-text-24-font .shg-rich-text span, .modern97-text-24-font .shg-rich-text p { font-family: Poppins; font-size: 24px; line-height:24px; } .modern97-text-22-font .shg-rich-text span, .modern97-text-22-font .shg-rich-text p { font-family: Poppins; font-size: 22px; } .modern97-text-15-font .shg-rich-text span, .modern97-text-15-font .shg-rich-text p { font-family: Poppins; font-size: 15px; } .sub-br br { display: flex; margin: -2.5% 0; content: " "; } .modern97-head-font { color: #111; font-weight: 700; font-family: "Roboto Condensed"; font-size: 38px; } .modern97-text-font { font-family: Poppins; font-size: 18px; } .equal-height .shg-row .shg-c-xs-12 .shg-align-container, .equal-height .shg-row .shg-c-xs-12 .shg-box-vertical-align-wrapper, .equal-height .shg-row .shg-c-xs-12 .shg-align-container .shogun-image-container, .equal-height .shg-row .shg-c-xs-12 .shg-align-container .shogun-image-container .shg-image-content-wrapper, .equal-height .shg-row .shg-c-xs-12 .shg-align-container .shogun-image-container .shg-image-content-wrapper .shogun-image { height: 100%; } } .scroll-images div.shogun-image-container { position: absolute; left: 0; top: 0; } .text-container img:not([style*="float"]), .rte img.shogun-image:not([style*="float"]) { margin-top: 0; margin-bottom: 0; } Modern97 Ocean Harmony of Nature and Urban Life Discover Modern97, the keyboard that seamlessly bridges the gap between nature and urban life. With fingertips, effortlessly explore diverse landscapes and navigate between ethereal and vibrant realms. { "__shgImageV2Elements": { "uuid": "s-35cbea82-6ccd-44b2-80ab-73303e821e83" } } Modern97 Ocean Harmony of Nature and Urban Life Discover Modern97, the keyboard that seamlessly bridges the gap between nature and urban life. With fingertips, effortlessly explore diverse landscapes and navigate between ethereal and vibrant realms. { "__shgImageV2Elements": { "uuid": "s-6abfa6d0-0f91-4b82-afc2-7bb4ab2e1c3f" } } Modern97 Fountain Escape the boundaries of the city and embark on a journey. Discover a desktop sanctuary that nurtures your emotions.Embrace the spirit of an urban nomad. { "__shgImageV2Elements": { "uuid": "s-c99a2cfb-393f-430a-9aae-5af4b6a4ff28" } } Modern97 Fountain Escape the boundaries of the city and embark on a journey. Discover a desktop sanctuary that nurtures your emotions.Embrace the spirit of an urban nomad. { "__shgImageV2Elements": { "uuid": "s-d5d55103-45c9-4cbc-bcc7-a1f17f8bfa17" } } Design concept Smooth flow under your fingertips, healing typing experience. ABS keycapsOffering delicate touch and vibrant color { "__shgImageV2Elements": { "uuid": "s-20e193d5-b989-4e2f-b99a-be45f2ee48c6" } } With a mineral-inspired textured shell, Modern97 added a touch of natural vibrancy to your setup. Streamlined 97-key layoutOptimal functionality { "__shgImageV2Elements": { "uuid": "s-dc9d6891-a720-49c4-a893-9a1c39f1eaf7" } } Threaded matte transparent caseEvery intricate detail has been meticulously polished to perfection. Fusion of symbols Creating playful and captivating designs { "__shgImageV2Elements": { "uuid": "s-542b647c-8ee3-4239-b15c-05ab094bd3cb" } } Upgraded Gasket Mount { "__shgImageV2Elements": { "uuid": "s-f8b22900-96f6-4490-ab53-953ccbaaa752" } } Featuring multilayer foams and an upgraded gasket mount structure, this keyboard offers a soft and satisfying typing experience. { "__shgImageV2Elements": { "uuid": "s-5344e2d4-eb70-45de-b75b-cd2014ff84d6" } } { "__shgImageV2Elements": { "uuid": "s-e108e1c9-b100-479e-81d6-de63f3a46b60" } } { "__shgImageV2Elements": { "uuid": "s-1065aedb-2606-431c-80d4-e94ead740032" } } { "__shgImageV2Elements": { "uuid": "s-45150fff-a6bc-4ad8-9bac-8ce035978df6" } } { "__shgImageV2Elements": { "uuid": "s-1f5d07d8-a3db-4467-a47f-86442e2a9eab" } } { "__shgImageV2Elements": { "uuid": "s-a4211d3e-90c8-451c-8f6a-3c99dc7d684e" } } { "__shgImageV2Elements": { "uuid": "s-def91240-e011-441c-b0b1-d666d133678f" } } { "__shgImageV2Elements": { "uuid": "s-29b2a2a4-90f7-4573-8f6d-4ce3c0ab3524" } } { "__shgImageV2Elements": { "uuid": "s-a7459f08-9188-4f1a-8ed1-f831ac66ca02" } } { "__shgImageV2Elements": { "uuid": "s-0091f861-62e4-427f-b732-6b5337dfbf83" } } { "__shgImageV2Elements": { "uuid": "s-d7b2810e-1a74-4d6d-b21f-babc4c59b0ab" } } { "__shgImageV2Elements": { "uuid": "s-b4769a48-9539-4043-b242-84484406fd96" } } { "__shgImageV2Elements": { "uuid": "s-598bcc9e-a3e6-4ba5-a011-b1b9b5a008c4" } } { "__shgImageV2Elements": { "uuid": "s-8e82c3ec-65cb-4390-8c1c-b3f7e27d8c0c" } } { "__shgImageV2Elements": { "uuid": "s-ed790127-7770-4362-8fbd-3cdc86dc80c4" } } UpgradedGasketMount { "__shgImageV2Elements": { "uuid": "s-ef0a85ed-2954-425b-a702-05e58925fc3a" } } { "__shgImageV2Elements": { "uuid": "s-ce397b68-2de3-447e-9127-cc880492e2e7" } } Featuring multilayer foams and an upgraded gasket mount structure, this keyboard offers a soft and satisfying typing experience. { "__shgImageV2Elements": { "uuid": "s-a5ee41b3-6d5b-46a0-ae8d-6963d0e1bb4e" } } Upgraded Gasket Mount { "__shgVideoParallax": { "id": "#s-3e78a5f6-f805-43ad-af56-e973bad5d925", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-dbbee09f-0938-44ef-b691-9e89b405fe8c" } } Support Game Mode { "__shgVideoParallax": { "id": "#s-6a0d5569-6284-4dce-9ed9-d722ad236f22", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-52436bf8-28bc-4998-bc78-f386185904cf" } } Long LastingBattery { "__shgVideoParallax": { "id": "#s-a815686b-7ead-4b0b-a02c-af31ab90ff6e", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-a558885e-7bb7-4152-9c9b-bdc108d50b83" } } Upgraded Gasket Mount { "__shgVideoParallax": { "id": "#s-0e86c8de-bf6d-4647-a06b-c415a93b2d33", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-810bab18-2725-492c-a3e4-6fba34557a3b" } } Support Game Mode { "__shgVideoParallax": { "id": "#s-4c1c30bc-ed99-47d8-9cfb-2ad232152a6e", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-8877ee68-eda3-4003-ab67-82cb18f07a68" } } Long LastingBattery { "__shgVideoParallax": { "id": "#s-253f900a-3174-4cd5-9b57-28ad81f713e8", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-762514d9-3c02-41f2-b75e-dd2e96b2d888" } } 2.4GBluetooth&Wired { "__shgVideoParallax": { "id": "#s-5c77ba10-99d1-49f1-95fd-403163125304", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-0ff6d9f4-e34f-4e6e-9e71-1d71af5a2cbd" } } Connect up to 8 Devices { "__shgVideoParallax": { "id": "#s-1724e332-b9c7-49af-b013-3950af73d3ec", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-bc1bd3aa-e55d-4a68-8002-600a6f099244" } } Programmable (Exclusive APP/RGB) { "__shgVideoParallax": { "id": "#s-594993b8-40e4-4d2b-86a4-b848101b8b17", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-fdd2ff08-789f-4906-9b6f-804798c3aec2" } } 2.4GBluetooth&Wired { "__shgVideoParallax": { "id": "#s-61806c2d-a467-4546-8c95-9d6fecd2f82e", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-14b6ac4b-7cc3-4217-abb2-5e4b8521c87a" } } Connect up to 8 Devices { "__shgVideoParallax": { "id": "#s-5056f057-a8df-45f0-b616-4b0e90eb604c", "url": "", "sound": false, "speed": 1, "backupImage": "" } } { "__shgImageV2Elements": { "uuid": "s-810ca9b2-8082-4b07-9eaa-63bd11fb98ac" } } Programmable (Exclusive APP/RGB) { "__shgVideoParallax": { "id": "#s-4d4cb1a1-cdc6-4131-bde7-1b1b9233e3a0", "url": "", "sound": false, "speed": 1, "backupImage": "" } } Performance Redefined Slotted PCB offers increased flexibility in key presses, providing a softer, rebounding, and enhanced typing experience. { "__shgImageV2Elements": { "uuid": "s-09703a66-ea45-49e2-b5f7-99a080021078" } } 1 Slotted PCB offers increased flexibility in key presses, providing a softer, rebounding, and enhanced typing experience. 2 Optimized PCB reduces power consumption, enhances battery performance, and provides a longer lifespan. { "__shgImageV2Elements": { "uuid": "s-492beff3-c1ba-4e88-ba0f-21a2eea0e446" } } Original MCR Profile { "__shgImageV2Elements": { "uuid": "s-2bfb777f-bc71-4211-b354-e9d3d8ce1ce5" } } Optimized PCB reduces power consumption, enhances battery performance, and provides a longer lifespan. { "__shgImageV2Elements": { "uuid": "s-9b07e458-71df-46dc-859a-89f861bdaf17" } } Original MCR Profile Designed with an original MCR keycap profile, similar to the Cherry profile, Modern97 offers a comfortable typing experience that caters to the needs of most users. { "__shgImageV2Elements": { "uuid": "s-c745374e-c50a-4b84-ad39-9b18cd758c22" } } Custom KailhGame Switch Designed for gamers, the new custom game switch Sonic53, it enables lightning-fast response times and rapid triggers. Offers quick reactions and handles intense gaming sessions, empowering you to dominate the game with precision and speed. { "__shgImageV2Elements": { "uuid": "s-c01c013f-7b0d-4da6-aede-9b3dc7dd9517" } } Designed with an original MCR keycap profile, similar to the Cherry profile, Modern97 offers a comfortable typing experience that caters to the needs of most users. { "__shgImageV2Elements": { "uuid": "s-b2776cbb-a0d1-4b42-a0f0-bff856cdd2c9" } } Custom Kailh Game Switch Designed for gamers, the new custom game switch Sonic53, it enables lightning-fast response times and rapid triggers. Offers quick reactions and handles intense gaming sessions, empowering you to dominate the game with precision and speed. { "__shgImageV2Elements": { "uuid": "s-6c41419f-52d4-486d-9137-6093407fb338" } } Maximize Space Efficiency Experience the perfect balance between functionality and space-saving.The 90% layout incorporates a practical numpad, allowing you to boost your productivity without sacrificing valuable desk space. Experience the perfect balance between functionality and space-saving. { "__shgImageV2Elements": { "uuid": "s-a7b4b301-c76f-4e53-8e68-5b8c2cd3cec5" } } { "__shgImageV2Elements": { "uuid": "s-b9e78063-3dc2-4308-a641-c896be95d0a7" } } The 90% layout incorporates a practical numpad, allowing you to boost your productivity without sacrificing valuable desk space. Connectivity Simplified Seamlessly connect to all your devices with its 2.4G wireless, Bluetooth 5.1, and wired options. Whether you're working from your office desk or on the go, Modern97 has got you covered. Seamlessly connect to all your devices with its 2.4G wireless, Bluetooth 5.1, and wired options. Whether you're working from your office desk or on the go, Modern97 has got you covered. { "__shgImageV2Elements": { "uuid": "s-01aa5c81-40bf-41d3-a572-2ca79cbb3c50" } } { "__shgImageV2Elements": { "uuid": "s-c0e9671b-5ccd-46e3-874c-5395619fd810" } } Connect up to 8 devices effortlessly, ensuring you're always ready to tackle any task, anytime, anywhere. Connect up to 8 devices effortlessly, ensuring you're always ready to tackle any task, anytime, anywhere. { "__shgImageV2Elements": { "uuid": "s-73609ea2-58c3-4472-8b59-38e7f0de0e3b" } } { "__shgImageV2Elements": { "uuid": "s-ab116400-6a7b-4a0b-81f6-6fedbf38cd88" } } For Tablet IPadOS/Android { "__shgImageV2Elements": { "uuid": "s-8c034b4d-883d-4185-b28c-7e7764c7bdfb" } } For Computer MacOS/Windows/Linux { "__shgImageV2Elements": { "uuid": "s-7ec6cea4-6d95-407b-b8ae-1d3708e916b4" } } For Phone iOS/Android { "__shgImageV2Elements": { "uuid": "s-c7335d5f-ff86-44c5-90d4-96cf1926d20f" } } { "__shgImageV2Elements": { "uuid": "s-b056349c-30d0-46c0-b264-467a271cfb56" } } { "__shgImageV2Elements": { "uuid": "s-ea0db953-6c78-4c13-802c-a74a1b6c1cc7" } } Productivity Booster -MelGeek Hive Productivity Booster - MelGeek Hive Introducing MelGeek Hive, the ultimate productivity booster. Take full control of your keyboard with its extensive features, including modifying key-values, customizing RGB backlighting, setting shortcuts, programming powerful macro functions, and even conduct mouse tests.Experience a keyboard that adapts to your workflow and amplifies your efficiency. Setting Shortcuts Setting MACRO Functions Modifying Key-values Changing RGB-LED Colors { "__shgSlider": { "id": "#slider-s-eb04e164-8bf6-410b-9b3a-b4672fcd3a36", "intervalTime": 5, "autoplay": false, "pauseOnHover": false, "transition": "animate__noAnimation", "interval": null } } EffortlesslySwap Effortlessly Swap Modern97 is hot-swappable, allowing you to make switch swapping and upgrading effortlessly. { "__shgImageV2Elements": { "uuid": "s-29b38748-aa2f-436d-ae4b-0b878767cc8f" } } { "__shgImageV2Elements": { "uuid": "s-10ce259a-e838-4850-a311-3b922d73039e" } } { "__shgImageV2Elements": { "uuid": "s-74034119-3b1d-4b33-935d-d03432290472" } } { "__shgImageV2Elements": { "uuid": "s-da1cb3b6-caf3-4b4e-967b-c2af9c9d25bb" } } MesmerizingRGBLighting Mesmerizing RGB Lighting Indulge in a mesmerizing visual feast with the MelGeek Hive's customizable RGB lighting. Watch as every key comes alive with its own unique glow , allowing you to create a vibrant and personalized keyboard experience. { "__shgImageV2Elements": { "uuid": "s-61d7bab8-531a-4793-85a2-fd4646289e15" } } Kailh Sonic53 Linear Operation Force45gf±10gf Pre-Travel1.2±0.5/-0.2mm Travel Distance4.0±0.4mm max Typing Sound { "__shgImageV2Elements": { "uuid": "s-9814b879-bf10-473a-a7ea-928cbc948f2a" } } { "__shgImageV2Elements": { "uuid": "s-b5147cf8-1a24-42cf-86d7-56fdbaad7743" } } Kailh Box Plastic Linear Operation Force38gf±10gf Pre-Travel1.8±0.4mm Travel Distance3.6±0.3mm max Typing Sound { "__shgImageV2Elements": { "uuid": "s-33725ad7-1c4b-4d9b-9d37-9a9a0f67edc3" } } { "__shgImageV2Elements": { "uuid": "s-b1b1a44a-cd20-4126-841e-1fed8d08e0ac" } } Kailh Tactile Tactile Operation Force45gf±10gf Pre-Travel2.0±0.4mm Travel Distance3.9mm max Typing Sound { "__shgImageV2Elements": { "uuid": "s-0045ee35-d088-494f-9b36-3fc3cef8fec8" } } Kailh Sonic53 Linear { "__shgImageV2Elements": { "uuid": "s-35270e76-6b54-4525-aff1-4fa748c3436c" } } Operation Force 45gf±10gfPre-Travel 1.2±0.5/-0.2mmTravel Distance 4.0±0.4mm max Typing Sound { "__shgImageV2Elements": { "uuid": "s-ca07e842-3380-4b3f-8c9c-ab069f4c314c" } } { "__shgImageV2Elements": { "uuid": "s-d0c0beb0-7847-47ec-9599-6133b6144d67" } } Kailh Box Plastic Linear { "__shgImageV2Elements": { "uuid": "s-e934d7ca-9e85-48c6-a76c-cb12ca2264d8" } } Operation Force 38gf±10gfPre-Travel 1.8±0.4mmTravel Distance 3.6±0.3mm max Typing Sound { "__shgImageV2Elements": { "uuid": "s-d88d98db-c130-45f0-a627-14435f0bfc66" } } { "__shgImageV2Elements": { "uuid": "s-4bf4c821-4ecc-4e06-9a72-5e0af4e99bd2" } } Kailh Tactile Tactile { "__shgImageV2Elements": { "uuid": "s-2b59de59-7734-494a-a679-6d10ed1c5df8" } } Operation Force 45±10gfPre-Travel 2.0±0.4mmTravel Distance 3.9mm max Typing Sound { "__shgImageV2Elements": { "uuid": "s-30fba0da-9518-45de-af36-58bcf197d1d9" } } { "__shgImageV2Elements": { "uuid": "s-13f2d9c3-c9b0-4226-9bf9-5aa8a55590e2" } } What's in the Box { "__shgImageV2Elements": { "uuid": "s-71dc9824-6870-47b5-8f05-3ce19202bc8e" } } PACKAGE With a profound commitment to the environment, we have carefully chosen these materials for their exceptional attributes.Not only are they renewable and biodegradable, but they also leave a significantly reduced carbon footprint, ensuring resource conservation. { "__shgImageV2Elements": { "uuid": "s-fb9c13c0-e2c9-4cc8-8ac5-6ac2db68dd43" } } { "__shgImageV2Elements": { "uuid": "s-ca54754b-e4ff-43d6-b825-6aae70aebfef" } } Bamboo Fiber { "__shgImageV2Elements": { "uuid": "s-6cfa6861-55d8-4f9f-80f6-5da15c5bcca5" } } Sugarcane Fiber { "__shgImageV2Elements": { "uuid": "s-2d02de14-0fd2-4729-90cb-0eeb77ba70a5" } } { "__shgImageV2Elements": { "uuid": "s-c5e64d5c-7265-4346-a383-93b17dbfd2ed" } } Bamboo Fiber { "__shgImageV2Elements": { "uuid": "s-bf57ac12-4969-419e-8af2-7ebed55ded2d" } } Sugarcane Fiber { "__shgImageV2Elements": { "uuid": "s-b6ee7454-331c-48b0-b5b7-8932aaf9c9db" } } Specs General Brand: MelGeekModel: Modern97Layout: 90%Number of Keys: 97Switch Stems: CrossPhysical Layout: ANSIHotswap Sockets: YesN-key Rollover Support: YesSwitch Mount Type: PlatePlate Mount: GasketFirmware Compatibility: MelGeek HiveBacklighting: 16-Million-Color RGB LEDBacklight Modes: Default 7 mode, fully customizableCompatibility: Windows, Mac, Linux, IOS, Android Connection Interface(s): Bluetooth & 2.4G & WiredBT Version: Bluetooth 5.1Battery Capacity: 4000mAhBluetooth Working Time (Power saving mode, Backlit off): Up to 2900 hours (Lab test result may vary by actual use)2.4GHz Polling Rate: 1000Hz(1ms)Bluetooth 5.1 Polling Rate: 125Hz(8ms)Wired Polling Rate: 1000Hz(1ms) Material Frame: PC+ABSKeycap: ABS Double-shotKeycap Profile: Original MCR (Similar to cherry profile)Switch Type: Factory Lubed Kailh Switches Size and weight Typing Angle: 7.5° Net Weight: 990g Packaging Weight: 1700g Dimensions: 382mm*143.3mm*46.6mm Case Height(without keycaps): Front 22mm/ Rear 42mm Packaging list 1 x MelGeek Mechanical Keyboard 1 x Type C Cable 1 x Keycap Puller 1 x User Manual 1 x 2.4G Dongle 1 x Switch Puller 8 x Keycap Custom Kailh Game Switch Designed for gamers, the new custom game switch Sonic53, it enables lightning-fast response times and rapid triggers. Offers quick reactions and handles intense gaming sessions, empowering you to dominate the game with precision and speed. { "__shgImageV2Elements": { "uuid": "s-f6f985a1-3db0-420c-b5fb-b23439985f46" } } EffortlesslySwap Effortlessly Swap Modern97 is hot-swappable, allowing you to make switch swapping and upgrading effortlessly. { "__shgImageV2Elements": { "uuid": "s-ee7baf23-7ce8-4104-8ca7-7aa27b64398b" } } MesmerizingRGBLighting Mesmerizing RGB Lighting Indulge in a mesmerizing visual feast with the MelGeek Hive's customizable RGB lighting. Watch as every key comes alive with its own unique glow, allowing you to create a vibrant and personalized keyboard experience. { "__shgImageV2Elements": { "uuid": "s-26632a3a-aed0-43a8-8efb-b60d93f70fa7" } } gsap.registerPlugin(ScrollTrigger); function scrollImgaes() { //获取所有图片元素 var images = document.querySelectorAll( ".scroll-images div.shg-image-content-wrapper" ); //获取参考物图片元素 var reference = document.querySelector(".scroll-main"); // if(reference) { // reference.style.padding = "400px 0px 200px"; // } for (let index = 0; index < images.length; index++) { let element = images[index]; element.style.zIndex = images.length - index; } //创建一个timeline var tl = gsap.timeline({ //使用ScrollTrigger插件来控制timeline的进度 scrollTrigger: { //指定触发元素为参考物图片 trigger: reference, //指定触发点为屏幕顶部 start: "center center", //指定结束点为屏幕底部 end: "center top", //设置让滚动条在滚动时自动吸附到0.5倍的进度位置 snap: 0.5, //指定timeline的进度与滚动距离成比例 scrub: true, //指定滚动时参考物图片的位置不变 pin: true, // markers: true, }, }); let max_height = document.documentElement.clientHeight * 0.68 if(max_height > 876) { max_height = 876 } tl.to(".init-image", 0.01, { opacity: 0 }); tl.to(".scroll-images", 0.01, { opacity: 1 }); //把图片元素转换成一个数组 images = gsap.utils.toArray(images); // //给所有图片添加一个向上偏移的tween,持续时间为1秒,每个图片之间有0.2秒的延迟,每个图片的偏移量是前一个图片的两倍 tl.to(images, { duration: 3, y: (i) => max_height / images.length * (images.length - i - 1) * -1, // stagger: 3, // stagger: { // amount: 1, //总的延迟时间为1秒 // from: "center", //从中心开始 // ease: "power2.inOut", //使用缓动函数 // grid: "auto", //自动识别网格布局 // axis: "x", //沿着x轴扩散 // }, // zIndex: function (i) { // return images.length - i; // }, }); } setTimeout(scrollImgaes, 1500); function isMobile() { return window.innerWidth { oldColor = "0x" + oldColor.replace(/#/g, ""); let str = "000000" + (0xffffff - oldColor).toString(16); return "#" + str.substring(str.length - 6, str.length); }; let start_src = "https://i.shgcdn.com/37a41b78-86c9-4c0d-9a3e-ef7343b1059a/-/format/auto/-/preview/3000x3000/-/quality/lighter/"; let stop_src = "https://i.shgcdn.com/01dd87c6-2f27-4895-a210-0f43d34da24d/-/format/auto/-/preview/3000x3000/-/quality/lighter/"; let objs = [ { name: "mobile n1", color: "#F1772E", comment: "Kailh Box Plastic", button: document.querySelector(".mb-btn-n1"), ele: document.querySelector(".mb-wave-n1 div.shg-box-content"), url: "https://cdn.shopify.com/s/files/1/0078/2863/5712/files/5.wav?v=1685457721", }, { name: "mobile n2", comment: "Sonic53", color: "#93AC56", ele: document.querySelector(".mb-wave-n2 div.shg-box-content"), button: document.querySelector(".mb-btn-n2"), url: "https://cdn.shopify.com/s/files/1/0078/2863/5712/files/T4-sonic-ver3_v2.wav?v=1684550342", }, { name: "mobile n3", color: "#828DD5", comment: "Kailh Tactile Switch", ele: document.querySelector(".mb-wave-n3 div.shg-box-content"), button: document.querySelector(".mb-btn-n3"), url: "https://cdn.shopify.com/s/files/1/0078/2863/5712/files/T_-_2.wav?v=1685457721", }, ]; for (i = 0; i < objs.length; i++) { let o = objs[i]; let ele = o.ele; console.log("ele=",ele) let url = o.url; wavesurferObjs[o.name] = WaveSurfer.create({ container: ele, splitChannels: true, splitChannelsOptions: { overlay: false, channelColors: { 0: { progressColor: colorReverse(o.color), waveColor: o.color, }, }, }, }); wavesurferObjs[o.name].load(url); wavesurferObjs[o.name].on("ready", function () { // 获取音频时长 var duration = wavesurferObjs[o.name].getDuration(); let obj = wavesurferObjs[o.name]; let w = obj.container.querySelector("wave wave"); w.classList.add("rm-border"); obj.container.querySelector("wave").style.height="calc(100vw / 375 * 45)" }); let btn = o.button; btn.onclick = function () { wavesurferObjs[o.name].playPause(); let img = btn.querySelector(".shogun-image"); var src = img.getAttribute("src"); if (src == start_src) { img.src = stop_src; } else { img.src = start_src; } }; wavesurferObjs[o.name].on("finish", function () { let img = btn.querySelector(".shogun-image"); img.src = start_src; }); } } function MelgeekWave() { let wavesurferObjs = {}; const colorReverse = (oldColor) => { oldColor = "0x" + oldColor.replace(/#/g, ""); let str = "000000" + (0xffffff - oldColor).toString(16); return "#" + str.substring(str.length - 6, str.length); }; let start_src = "https://i.shgcdn.com/37a41b78-86c9-4c0d-9a3e-ef7343b1059a/-/format/auto/-/preview/3000x3000/-/quality/lighter/"; let stop_src = "https://i.shgcdn.com/01dd87c6-2f27-4895-a210-0f43d34da24d/-/format/auto/-/preview/3000x3000/-/quality/lighter/"; let objs = [ { name: "n1", color: "#F1772E", comment: "Kailh Box Plastic", button: document.querySelector(".btn-n1"), ele: document.querySelector(".wave-n1 div.shg-box-content"), url: "https://cdn.shopify.com/s/files/1/0078/2863/5712/files/5.wav?v=1685457721", }, { name: "n2", comment: "Sonic53", color: "#93AC56", ele: document.querySelector(".wave-n2 div.shg-box-content"), button: document.querySelector(".btn-n2"), url: "https://cdn.shopify.com/s/files/1/0078/2863/5712/files/T4-sonic-ver3_v2.wav?v=1684550342", }, { name: "n3", color: "#828DD5", comment: "Kailh Tactile Switch", ele: document.querySelector(".wave-n3 div.shg-box-content"), button: document.querySelector(".btn-n3"), url: "https://cdn.shopify.com/s/files/1/0078/2863/5712/files/T_-_2.wav?v=1685457721", }, ]; for (i = 0; i < objs.length; i++) { let o = objs[i]; let ele = o.ele; let url = o.url; wavesurferObjs[o.name] = WaveSurfer.create({ container: ele, splitChannels: true, splitChannelsOptions: { overlay: false, channelColors: { 0: { progressColor: colorReverse(o.color), waveColor: o.color, }, }, }, }); wavesurferObjs[o.name].load(url); wavesurferObjs[o.name].on("ready", function () { // 获取音频时长 var duration = wavesurferObjs[o.name].getDuration(); let obj = wavesurferObjs[o.name]; let w = obj.container.querySelector("wave wave"); w.classList.add("rm-border"); // 打印音频时长 }); let btn = o.button; btn.onclick = function () { let img = btn.querySelector(".shogun-image"); var src = img.getAttribute("src"); if (src == start_src) { img.src = stop_src; } else { img.src = start_src; } wavesurferObjs[o.name].playPause(); }; wavesurferObjs[o.name].on("finish", function () { let img = btn.querySelector(".shogun-image"); img.src = start_src; }); } }
More you might like
Related
MelGeek Modern97 Ocean Hotswap Bluetooth 5.1 and 2.4 GHz. RG
Related
Modern97 Mechanical Keyboard Fountain
Related
Modern97 Mechanical Keyboard Slate
Related