Skip to content

Instantly share code, notes, and snippets.

View kobitoDevelopment's full-sized avatar

I_AM_NOT_SPAM kobitoDevelopment

3 followers · 0 following
View GitHub Profile
@kobitoDevelopment
kobitoDevelopment / html
Last active June 9, 2023 10:03
<ul class="megamenu">
<li class="focus-reset" tabindex="0" aria-label="始まり"></li>
<li class="megamenu-item has-child" tabindex="0" aria-expanded="false" aria-controls="panel-1" id="tab-1">リスト1
<ul class="megamenu-childlist" id="panel-1" aria-labelledby="tab-1" aria-hidden="true">
<li><a href="#">リスト1-1</a></li>
<li><a href="#">リスト1-2</a></li>
<li><a href="#">リスト1-3</a></li>
</ul>
</li>
<li class="megamenu-item has-child" tabindex="0" aria-expanded="false" aria-controls="panel-2" id="tab-2">リスト2
@kobitoDevelopment
kobitoDevelopment / JavaScript
Last active March 6, 2023 01:26
if (document.querySelector(".swiper") != null) {
const diagnosisEach = document.querySelectorAll(".diagnosis-each");
const triggerStart = document.querySelector(".triggerStart");
const triggerNext = document.querySelectorAll(".triggerNext");
const triggerBack = document.querySelectorAll(".triggerBack");
const triggerResult = document.querySelectorAll(".triggerResult");
const diagnosisResult = document.querySelector(".diagnosis-results");
const results = document.querySelectorAll(".result");
const checkedEach = document.querySelectorAll(".diagnosis-slide input[type='radio']");
@kobitoDevelopment
kobitoDevelopment / html
Last active September 27, 2023 06:37
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>
@kobitoDevelopment
kobitoDevelopment / JavaScript
Last active April 8, 2022 06:49
const items = document.querySelectorAll("p");
items.forEach(function (elem, index) {
elem.classList.add("set");
});
@kobitoDevelopment
kobitoDevelopment / html
Created February 28, 2022 09:19
<div class="cubes">
<div class="cube child-1"></div>
<div class="cube child-2"></div>
<div class="cube child-3"></div>
<div class="cube child-4"></div>
<div class="cube child-5"></div>
<div class="cube child-6"></div>
<div class="cube child-7"></div>
<div class="cube child-8"></div>
<div class="cube child-9"></div>
@kobitoDevelopment
kobitoDevelopment / html
Last active April 1, 2024 04:51
<a href="#" class="btn-corner">ボタン</a>
@kobitoDevelopment
kobitoDevelopment / css
Last active March 10, 2022 04:12
.lazy {
display: none;
}
@kobitoDevelopment
kobitoDevelopment / JavaScript
Last active April 8, 2022 07:13
const clipWrap = document.querySelector(".clip-wrap");
clipWrap.classList.add("is-active");
@kobitoDevelopment
kobitoDevelopment / JavaScript
Last active January 25, 2024 06:38
/*-----------------------------------
セレクター
------------------------------------*/
//html
$("html")
document.documentElement;
//body
$("body")
document.body;
@kobitoDevelopment
kobitoDevelopment / html
Last active June 12, 2022 13:38
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg class="text-content" version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 292 148" style="enable-background:new 0 0 292 148;" xml:space="preserve">
<!-- テキストをマスクしているパス 開始 -->
<g class="text-mask">
<path d="M84.43,62.74v-1.2h7.7c2.6-4.13,5.27-8.3,8-12.5c2.73-4.2,5.6-7.98,8.6-11.35c3-3.37,6.13-6.1,9.4-8.2
c3.27-2.1,6.7-3.15,10.3-3.15c2.13,0,3.87,0.45,5.2,1.35c1.33,0.9,2,2.28,2,4.15c0,1.6-0.5,2.92-1.5,3.95
c-1,1.03-2.27,1.62-3.8,1.75c0.27-0.93,0.48-1.82,0.65-2.65c0.17-0.83,0.25-1.82,0.25-2.95c0-1.33-0.32-2.4-0.95-3.2
c-0.63-0.8-1.72-1.2-3.25-1.2c-2.47,0-4.98,1.12-7.55,3.35c-2.57,2.23-5.1,5.05-7.6,8.45s-4.93,7.08-7.3,11.05
c-2.37,3.97-4.62,7.68-6.75,11.15h22.6v1.2h-23.2c-6.4,10.93-12.13,20.3-17.2,28.1c-5.07,7.8-9.93,14.2-14.6,19.2