Winsome Design Studio

♥ 코딩(Coding)/코딩연습 2022. 8. 18. 14:52

완성

♥ 코딩(Coding)/코딩연습 2022. 5. 13. 21:35

HTML DOCTYPE html> $(document).ready(function () { // 01. $('.color img').filter(':nth-child(1)').on('mouseover', function () { $('.box:nth-child(1)').find('img,span,strong').stop(true).animate({ opacity: '1' }, 500); }) .on('mouseout', function () { $('.box:nth-child(1)').find('img,span,strong').stop(true).animate({ opacity: '0' }, 500); }); // 02. $('.color img').filter(':nth-child(2)').on('mo..

♥ 코딩(Coding)/코딩연습 2022. 4. 28. 00:00

완성 HTML DOCTYPE html> $(document).ready(function () { // 각각의 박스 안에 숨어있는 오버레이, 캡션요소를 선택하여 올리면 나타나게 // 마우스가 벗어나면 사라지게 표현(animate) $('.box').on('mouseover', function () { $(this).find('span,strong').stop(true).animate({ opacity: '1' }, 300, 'swing'); }) .on('mouseout', function () { $(this).find('span,strong').stop(true).animate({ opacity: '0' }, 300, 'swing'); }); /* 팝업슬라이드가 가능한 라이트박스( 컬러박스 ) 플러그인..

♥ 코딩(Coding)/코딩연습 2022. 4. 27. 23:13

HTML DOCTYPE html> spotify Premium Support Download | Sign up Log in Listening is everything Millions of songs and podcasts. No credit card needed. GET SPOTIFY FREE COMPANY About Jobs For the Record COMMUNITIES For Artists Developers Advertising Investors Vendors USEFUL LINKS Support Web Player Free Mobile App USA Legal Privacy Center Privacy Policy Cookies About Ads Additional CA Privacy Disclo..

♥ 코딩(Coding)/코딩연습 2022. 4. 26. 21:05

HTML DOCTYPE html> Google Website Gmail Images Google search I'm feeling lucky Google offered in : 한국어 Tiếng Việt Français 中文（香港） 대한민국 광고 비즈니스 검색의 원리 개인정보처리방침 약관 설정 CSS body{ display: contents; } .navbar{ float: right; margin: 20px; } .nav-item{ text-decoration: none; color: black; margin-right: 15px; } .nav-item:hover{ text-decoration: underline; } .main{ margin-top:300px; text-align: center; }..

♥ 코딩(Coding)/코딩연습 2022. 4. 26. 16:55