본문 바로가기

전체 글

 (1854)
HTML5 - 190622 Basic Study 48(Animation Box - 연습문제) 1. 사전조건 너비 100px / 높이 100px / 색상 orange box1 위치 : position:relative / top 50px / left 0px box2 위치 : position:relative / top 50px / left 200px box1 0% 키프레임 : left 0px / 색상 orange box1 50% 키프레임 : top 100px / left 0px / 색상 blue / 180도 회전 box1 100% 키프레임 : left 200px / 색상 orange / 360도 회전 box2 0% 키프레임 : left 200px / 색상 orange box2 50% 키프레임 : top 100px / left 100px / 색상 blue / 180도 회전 box3 100% 키프레임 :..
HTML5 - 190622 Basic Study 47(Animation 효과) 1. animation animation : 통합 속성 animation-delay : 몇 초 후에 재생 animation-direcition : 진행방향 animation-duration : 몇 초 동안 재생 animation-iteration-count : 반복 횟수 animation-name : 이름 지정 animation-play-state : 재생 상태 지정 animation-timing-function : 함수 2. @keyframes animation과 함께 사용 3. HTML Code 애니메이션 속성 Rotation 4. CSS Code @charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; } div#ani{ width:200px; h..
HTML5 - 190622 Basic Study 46(Transition Graph) 1. HTML Code 움직이는 그래프 만들기 data1 data2 data3 data4 data5 2. CSS Code @charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; } #graph{ width:610px; border:3px solid black; } .bar{ width:10px; height:50px; background-color:red; margin:5px; transition-duration:5s; } #graph:hover>div.bar{ width:600px; transition-timing-function:linear; background-color:orange; } div.bar:nth-child(1){ transition..
HTML5 - 190622 Basic Study 45(transition 효과 주기) 1. Transition transition transition-delay transition-duration transition-property : 전환효과가 적용될 속성을 지정(기본값 all) transition-timing-function: ease linear ease-in ease-out ease-in-out 2. HTML Code transition 효과 주기 box 3. CSS Code @charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; } .box{ width:100px; height:100px; background:red; } /* 글자중앙으로 맞추기 */ .box{ text-align:center; line-height:100px..
Python Learn the basics Quiz 92 Q> You are the owner of a cafe where 3 chefs work: a JapaneseCook, RussianCook and ItalianCook. (당신은 3 명의 요리사가 일하는 카페의 주인 인 JapaneseCook, RussianCook 및 ItalianCook입니다.) Each of them can prepare the national food and beverage: (그들 각각은 국가 음식과 음료를 준비 할 수 있습니다 : ) - JapaneseCook: Sushi and Tea;(초밥과 차; ) - RussianCook: Dumplings and Compote;( 만두와 콩트) - ItalianCook: Pizza and Juice.(피자와 주스. Your task ..
Python Learn the basics Quiz 91 Q> When it comes to city planning it's import to understand the borders of various city structures. (도시 계획에 관해서는 다양한 도시 구조의 경계를 이해하는 것이 수입입니다.) Parks, lakes or living blocks can be represented as closed polygon and can be described using cartesian coordinates on a map . (공원, 호수 또는 살아있는 블록은 닫힌 다각형으로 표현할 수 있으며지도의 직교 좌표를 사용하여 설명 할 수 있습니다.) We need functionality to determine is a point (a building o..
Python Learn the basics Quiz 90 Q> An IP network is a set of routers that communicate routing information using a protocol. (IP 네트워크는 프로토콜을 사용하여 라우팅 정보를 전달하는 라우터 세트입니다.) A router is uniquely identified by an IP address. (라우터는 IP 주소로 고유하게 식별됩니다. ) In IPv4, an IP address consists of 32 bits, canonically represented as 4 decimal numbers of 8 bits each. The decimal numbers range from 0 (00000000) to 255 (11111111). (IPv4에서 IP 주소는 ..
Python Learn the basics Quiz 89 Q> Friday 13th or Black Friday is considered as unlucky day. (금요일 13 일 또는 검은 금요일은 불행한 날로 간주됩니다.) Calculate how many unlucky days are in the given year. (주어진 해에 얼마나 많은 불행한 날이 오는지 계산하십시오.) Find the number of Friday 13th in the given year. (해당 연도의 13 번째 금요일 수를 찾습니다.) Input: Year as an integer. (정수로 표시된 연도입니다.) Output: Number of Black Fridays in the year as an integer. (연중 흑인 금요일 수를 정수로 나타냅니다.) Exam..

티스토리툴바