[GitHub integration]

Screenshot

[](https://www.yargici.com [)](denizegebutik.com)

What were you trying to do?

web siteme bu şekilde yapmak istiyorum. header ilk girişte saydam kalacak. banner önüne geçecek. aşağı kaydırınca saydamlığı gidecek veya üzerine mouse ile gelince. bana bunun css kodunu yazabilir misin? bu php kodunu yazdım add_action( 'wp_footer', function () { ?>
<script>
(function () {
const header = document.querySelector('.site-header');
if (!header) return;
const hasHero = document.querySelector('.hero');
const update = () => header.classList.toggle('is-solid', !hasHero || window.scrollY > 50);
update();
window.addEventListener('scroll', update, { passive: true });
})();
</script>
<?php } ); ve bu css kodunu yazdım / Destekleyen tarayıcılar: kaydırınca beyaza dön /
@supports (animation-timeline: scroll()) {
@keyframes header-dolu {
to { background-color: var(--header-solid-bg); color: var(--text-on-solid); box-shadow: 0 1px 0 rgba(0,0,0,.08); }
}
@keyframes golge-kaybol { to { opacity: 0; } }
@keyframes logo-koyu { to { filter: none; } }

.site-header,
.site-header::before,
.site-header .logo img {
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: scroll(root);
animation-range: 0 80px;
}
.site-header { animation-name: header-dolu; }
.site-header::before { animation-name: golge-kaybol; }
.site-header .logo img { animation-name: logo-koyu; }
}

/ Desteklemeyen tarayıcılar: header hep beyaz /
@supports not (animation-timeline: scroll()) {
.site-header { background-color: var(--header-solid-bg); color: var(--text-on-solid); }
.site-header::before { opacity: 0; }
.site-header .logo img { filter: none; }
} bir işe yaramadı ikiside değişmedi bir şey.

What happened instead?

nothing

Diagnostics

Filed from: GitHub settings for Claude Code on claude.ai
Report code: GH-KBD4N6
Page: claude.ai/customize/connectors/integration-github
Client: web