# translate

limchard

isNaN : is Not a Number : (null 값 체크용. 숫자 체크용)focus() : focus를 지정하면 event 이후 커서가 지정 포인트에 자동 클릭되어 있다.초기화면점수를 입력 안했을 시 (isNaN 코드로 인해 숫자로 기입하라고 메시지가 뜬다)값

moondda

translate은 HTML요소를 2차원 벡터의 특징에 따라 이동시킨다.벡터의 좌표들이 해당 요소들이 어느 방향으로 얼마나 이동하는지 정의한다일단 원점(0,0)은 좌측 상단이다. 그리고 오른쪽으로 갈 수록 x축값 증가, 아래로 갈 수록 y축값 증가.

soosoorim

transform 관련 CSS 속성들 transform 은 어떤 요소를 독립적으로 움직이게 만들고 싶을 때 사용한다. 본인 원래 위치에서 자유롭게 (다른 요소에 영향 없이) 이동하게 된다. rotate는 회전, translate는 좌표이동, scale은 확대축소, s

bami

오늘 소개할 CSS의 기능은 트랜스폼(transform)입니다. 트랜스폼은 그 이름 그대로 요소의 크기/위치/형태를 변경하는 기능을 수행합니다. 트랜스폼을 잘 사용하면 정적인 웹사이트에 액션을 불어 넣어서 사용자의 이목을 끌 수 있습니다. transform trans

koyk0408

다만, 그저 translate를 쓰기 위한 등용문처럼 써왔달까...허허그 외에도 scale도 좀 사용했고, rotate가 있다는 것 정도만 알았다.그런데 이번에 프로젝트를 진행 중 흥미로운 걸 알게되어서 블로그에 박제해두려고 한다.이김에 transform을 제대로 알고

myseventh

전화번호 입력을 위한 text 타입의 input 버튼 생성맨 앞 3 자리는 고정 선택지 중 선택, 뒤의 각 4 자리는 입력maxlength 속성은 입력 가능한 최대 text 개수를 의미keyup() 함수는 키보드의 키를 눌렀다 뗄 때 이벤트 발생text 타입의 inpu

brinymaestro05

transform : translate(00, 00), rotate(00deg), scale(00) 지정한 요소의 크기, 위치, 각도회전

yj05037

transition과 transform을 간단히 정리해보자.x좌표로 10px이동

ohmy0418

Transform(변형) | 웹접근성과 웹표준(https://seulbinim.github.io/WSA/transform.html요소 박스를 변형하는 속성. 2차원 및 3차원 변형이 가능하며 변형 형태별로 함수 타입의 속성 값을 지정한다.HTML 요소 박스를

dohan_

좋은 아침이네요. Github Universe에 오신 여러분 그리고 온라인으로 시청하고 있는 모든 분들 안녕하세요!저는 Thomas이고 개발자 입니다. 오늘 이 공간을 가득 매운 개발자분들을 볼 수 있다는 것 제게 가장 큰 기쁨이자 원동력입니다.저 또한 여기 계신 많은

dohan_

많은 개발자분들의 최종목표라고 할 수 있는 운영체제 개발 혹은 커널 개발이라는 분야에 관해 찾다보면 정말 많은 자료를 볼 수 있는 사이트는 wiki.osdev.org 라는 사이트입니다.아직 학생이고 어리지만 제게 있어서도 개발자로서의 저의 최종 목표는 운영체제 개발이고

southbig89

transtion CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있다 > transition-property - 동적인 효과를 적용할 프로퍼티를 지정(가로길이, 세로길이 등) transition-duration - 동적인 효과가 진행되는 ...

rondido

transform translate 이동

rlaclgns321

transition : 엘리먼트의 CSS 속성을 변경할 때 두 가지 상태에서 일어나는 변화를 커스터마이징 transition : background-color linear 2s; MDN_transition transform : 엘리먼트에 회전, 크기

mangojang

목적 : 이미지에서 텍스트를 추출 하고, 그것을 영문으로 번역한 산출물을 얻는다.Fullname : Optical Character Recognition , 텍스트를 감지하고 추출 함.아래의 작업개요는 google cloud OCR 튜토리얼 공식 문서를 기반으로 함

kdeun1

이 세션에서 Evan You는 새로운 구문, 문서, 빌드 도구, devtools 및 TS/IDE에 이르기까지 새로운 Vue 3 경험에 대한 이야기를 하였다.

darcyu83

Slider를 구현한다. pure CSS로 구현할려고 하는데 헷갈린다. 아래는 정리된 코드이다. 기억 메모 ─Slider 슬라이더 영역을 설정 └ areaBeShown 컨텐츠가 보여지는 영역 (오버되는 컨텐츠는 감춘다. overflow:hidden) └ movin

ttorrongggit

문자만 바꿀 수 있음

gygy

수평정렬만 가능하고, 수직 정렬은 불가능하다.예를 들어 div는 블록 레벨인데,margin이 오른쪽으로 기본적용되어있는 것을양쪽이 동일한 간격으로 자동으로 margin을 맞춰주는 것이기 때문이다.text외 다른 요소들을 가운데 정렬할 때도 쓰인다.div같은 경우는 블록