저는 특정 높이와 너비의 CSS로 렌즈 모양을 그리려고합니다. 연속 곡률을 생성하려면 왼쪽 위 및 오른쪽 아래 모서리의 경계 반경을 100 %로 설정하고 다른 모서리는 0 %로 설정해야합니다. 이렇게하면 45도 각도로 렌즈가 생성됩니다. 이 앵글이므로 렌즈의 왜곡없이 렌즈의 높이 또는 너비를 개별적으로 늘릴 수 없습니다. 변환을 실험했지만 브라우저가 항상
CSS 만 사용하여이 이미지의 왼쪽면과 같이 리본의 끝 부분을 어떻게 그립니까? 은 내가 CSS의 모서리 연귀 있다는 사실을 사용할 수 있습니다 알고, 그래서 나는 나에게 삼각형을주고 크기를 0과 다른 국경 더 큰의 테두리가있는 div을 가질 수 있습니다. 단 1 div으로이 작업을 수행 할 수 있습니까? 아니면 삼각형을 쌓을 필요가 있습니까? 난 정말 1
을 만드는 방법. 내 질문은 : div과 CSS 만 사용하면 가장 효과적으로이 이미지를 다시 만들 수 있습니까? 주황색 채우기 주위에는 5px 흰색 선이 있습니다. 그 스트로크도 만들어야합니다. 그리고 오른쪽의 커브 오른쪽 영역은 투명해야합니다. CSS는 배경 이미지와 같은 외부 애셋을 사용할 수 없습니다. 이상적으로 CSS는 IE 7, 8 및 9를 포함한
저는 HTML과 CSS에 착수하기 시작했습니다. 평행 사변형과 동적으로 크기를 조정하는 디자인을 만들고 싶습니다. 저는 4 개의 평행 사변형을 원합니다. 처음부터 각각 25 %, 50 %, 75 %, 100 %로 겹쳐서 겹칩니다. 결과는 하나의 평행 사변형처럼 보이지만 4 개의 섹션 (사이트의 다른 부분에 링크하기 위해 태그가 붙어 있음)입니다. 이제 오른
나는 CSS의 클립 속성을 발견하고 조사 중입니다. 직사각형이나 정사각형 객체를 클립에 적용 할 수 있다는 것을 읽었습니다. 조사하고 명확한 대답을 찾지 못한 후에 나는이 질문을하기로 결심했다. clip 속성에 사용자 지정된 개체를 적용 할 수 있습니까? CSS로이 직사각형을 사용자 정의 된 모양으로 조작 할 수 있습니까? 예를 들어, 클립에 대각선 모양을
이것은 이미 묻지 만 다른 방법으로 사용해야합니다. 문제 : 다음 탐색 내가 실현하려고 줄 볼 수 아래 이미지를 살펴 제발 텍스트/이미지 막대 내부의 가장자리 이 그림자 그림 주위의 1 픽셀 단색 경계선이 좋음 물론 tatic 이미지가 이것을 할 수는 있지만 다른 것을 사용하고 싶습니다. 가능한 한 많은 브라우저 지원을 통해 아이디어를 얻으시겠습니까? 편집
그라데이션 배경으로 CSS에서 삼각형을 만들려고합니다. 나는 아직 어떤 성공도 이루지 못했다. 아래 이미지에서 볼 수있는 효과를 없애기 위해이 방법이 있습니까? (잘못된 암호 오류 상자에 부착 된 삼각형.) 이 포토샵에서 디자인은 지금까지 HTML과 CSS에있는 디자인입니다. 여기 내가 순간에 삼각형이있는 CSS입니다. .error-triangle {