포토리얼리스틱 시네마틱 스튜디오 인물 사진을 생성하기 위한 상세 프롬프
Wikiprompt, 무료 프롬프트 백과사전에서
포토리얼리스틱 시네마틱 스튜디오 인물 사진을 생성하기 위한 상세 프롬프 표준 CSS를 Tailwind 클래스로 변환합니다.
프롬프트 내용저장
🌐
/* Standard CSS */
.example {
margin: 0 auto;
padding: 1rem 2rem;
background-color: #f0f0f0;
border: 1px solid #ccc;
border-radius: 0.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
font-size: 1.125rem;
font-weight: 600;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
transition: all 0.3s ease;
}
/* Hover state */
.example:hover {
background-color: #e0e0e0;
transform: scale(1.05);
}
/* Responsive */
@media (min-width: 768px) {
.example {
padding: 2rem 3rem;
font-size: 1.25rem;
}
}
```
```html
<!-- Tailwind CSS equivalent -->
<div class="mx-auto p-4 px-8 bg-[#f0f0f0] border border-[#ccc] rounded-lg shadow-md text-lg font-semibold text-center flex justify-center items-center gap-2 transition-all duration-300 ease-in-out hover:bg-[#e0e0e0] hover:scale-105 md:p-8 md:px-12 md:text-xl">
<!-- Content -->
</div>
전체 프롬프트를 보려면 로그인하세요
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
사용법
이 프롬프트는 coding와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.
최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.
참고 자료
- 분류: coding 프롬프트
토론
댓글 0개