디시인사이드 갤러리

마이너 갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

[일반] also gpt 가 20초만에 만든 디자인 수준 봐라 ㅋㅋㅋ

ㅇㅇ(125.137) 2024.05.07 21:14:23
조회 329 추천 1 댓글 5
														


a16711aa372a76b660b8f68b12d21a1dd081dd30c186


순수 html 으로 시발 ㅋㅋㅋㅋ 영상이 안 올라가져서 사진으로 올렸는데, 저거 원들 둥둥 떠다니는 애니메이션 들어가있고, 버튼 후버 효과도 다 들어가있음. 프롬프트 걍 

"이젠 아예 인간 규격을 벗어난 아주 희한한 웹사이트 만들어봐"

이거 하나 입력함 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 


아래 소스 코드 돌려봐라 .

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>The Bizarre Universe</title>

    <style>

        /* Reset and Global Styles */

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }


        html, body {

            height: 100%;

            font-family: 'Comic Sans MS', sans-serif;

            overflow: hidden;

        }


        /* Background Gradient */

        body {

            background: radial-gradient(circle, #2b2d42, #000000);

            display: flex;

            justify-content: center;

            align-items: center;

            flex-direction: column;

            text-align: center;

            color: #ffffff;

        }


        /* Heading */

        h1 {

            font-size: 4em;

            margin-bottom: 20px;

            color: #ff6b6b;

            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);

            transform: rotate(-15deg);

        }


        /* Paragraph */

        p {

            font-size: 1.5em;

            margin-bottom: 30px;

            color: #f8f3d4;

            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);

            transform: rotate(10deg);

        }


        /* Button Styles */

        .btn {

            display: inline-block;

            padding: 15px 40px;

            margin: 10px;

            background: rgba(0, 0, 0, 0.2);

            border: 3px dashed rgba(255, 255, 255, 0.6);

            color: #ffffff;

            text-transform: uppercase;

            letter-spacing: 2px;

            text-decoration: none;

            border-radius: 50%;

            transition: all 0.3s ease;

            transform: rotate(-5deg);

            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);

        }


        .btn:hover {

            background: rgba(0, 0, 0, 0.5);

            border-color: rgba(255, 255, 255, 1);

            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.8);

            transform: scale(1.1) rotate(10deg);

        }


        /* Floating Elements */

        .floating-blob {

            position: absolute;

            width: 200px;

            height: 200px;

            background: linear-gradient(135deg, #ff6b6b, #f8f3d4);

            border-radius: 50%;

            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.5);

            animation: blob-float 6s ease-in-out infinite;

        }


        .small-blob {

            width: 100px;

            height: 100px;

            animation-duration: 4s;

        }


        .big-blob {

            width: 300px;

            height: 300px;

            animation-duration: 8s;

        }


        @keyframes blob-float {

            0%, 100% {

                transform: translateY(-10px) rotate(0deg);

            }

            50% {

                transform: translateY(10px) rotate(360deg);

            }

        }


        /* Random Positions */

        .blob1 {

            top: 10%;

            left: 5%;

        }


        .blob2 {

            bottom: 20%;

            right: 10%;

        }


        .blob3 {

            top: 30%;

            right: 20%;

        }


        .blob4 {

            bottom: 30%;

            left: 25%;

        }


        /* Footer */

        footer {

            position: absolute;

            bottom: 10px;

            width: 100%;

            text-align: center;

            font-size: 0.9em;

            color: rgba(255, 255, 255, 0.7);

        }


        footer a {

            color: rgba(255, 255, 255, 0.9);

            text-decoration: none;

        }


        footer a:hover {

            text-decoration: underline;

        }

    </style>

</head>

<body>

    <h1>Welcome to the Bizarre Universe</h1>

    <p>Explore the realms beyond imagination</p>

    <a href="#" class="btn">Embark Journey</a>

    <a href="#" class="btn">Meet the Unknown</a>

    <div class="floating-blob blob1"></div>

    <div class="floating-blob blob2 small-blob"></div>

    <div class="floating-blob blob3 big-blob"></div>

    <div class="floating-blob blob4"></div>

    <footer>

        © 2024 by <a href="https://example.com" target="_blank">Your Name</a>. Crafted with weirdness.

    </footer>

</body>

</html>

자동등록방지

추천 비추천

1

고정닉 0

원본 첨부파일 1

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 말머리 제목 글쓴이 작성일 조회 추천
2861 설문 어떤 상황이 닥쳐도 지갑 절대 안 열 것 같은 스타는? 운영자 24/05/20 - -
480194 일반 가만 생각해보면 open ai 2년전 GPT4에서 아무것도 발전안함 [8] ㅇㅇ(203.251) 05.22 211 3
480193 일반 재귀개선이 가능해져야 특이점도 옴? [1] ㅇㅇ(211.182) 05.22 34 0
480192 일반 뭔가 글 내용이 이상하다 싶어서 보면 그 아이피네 [3] ㅇㅇ(122.34) 05.22 129 6
480190 일반 gpt5는 천체로 치면 이새끼냐? [5] ㅇㅇ갤로그로 이동합니다. 05.22 233 0
480189 일반 알파폴드 보면 ㄹㅇ 구글은 구글이구나 ㅇㅇ(103.237) 05.22 140 0
480188 일반 좀 대단한거 공개해서 사람들 놀라게 해줄 대기업 없나 [1] ㅇㅇ(211.182) 05.22 50 0
480187 일반 아가리 털드만 계속 아가리만 털다가 클로드한테 따일거같노 ㅇㅇ(175.209) 05.22 54 0
480186 일반 gpt 4o 성능 발전 오짐? [4] 측면강타갤로그로 이동합니다. 05.22 181 0
480185 일반 구글이 생명공학 특화AI 알파폴드만 뿌린 이유 [4] ㅇㅇ(211.235) 05.22 282 1
480183 일반 완몰가는 불가능함ㅋㅋ [18] ㅇㅇ(180.83) 05.22 369 0
480182 일반 알트만 심기 건드려서 ㅈ됐노 섹x봇 나오면 어떻게 할려고 ㄷㄷㄷㄷ [4] ㅇㅇ갤로그로 이동합니다. 05.22 106 0
480181 일반 gpt 모델 로컬로 돌릴려면 컴성능 얼마나 좋아야 함? ㅇㅇ(125.188) 05.22 34 0
480180 일반 요한슨은 당장이라도 알트만한테 빌어야함 [3] ㅇㅇ(220.93) 05.22 88 0
480179 일반 스칼렛 조한선 씨발 늙은 호박 같은 년 [5] ㅇㅇ(223.39) 05.22 160 2
480178 일반 헬조 선을 경험한 외국 특붕이 [7] ㅇㅇ(125.191) 05.22 213 0
480177 일반 특이점을 어떻게 아직도 안믿나? [2] ㅇㅇ(59.26) 05.22 176 2
480176 일반 LLAMA 3 컴퓨터로 돌리면 개느리다는데 [6] ㅇㅇ(218.234) 05.22 121 0
480175 일반 칩 설계를 ai가 전담하고 있다니 와 ㄷㄷ [1] ㅇㅇ갤로그로 이동합니다. 05.22 171 0
480174 일반 난 르쿤이형 좋아함 ㅋ [5] ㅇㅇ(103.237) 05.22 99 3
480173 일반 6살때부터 '생식기 지속 흥분장애'..美 20대 여성의 속사정 [6] ㅇㅇ(182.226) 05.22 393 0
480172 일반 지금 chatgpt 안 들어가짐 보이스 업뎃임?? ㅇㅇ(223.39) 05.22 48 0
480171 일반 코파일럿 쓰는데 얘 갑자기 급발진함 [3] ㅇㅇ(118.235) 05.22 249 0
480170 일반 요즘 여기애들 특이점 얘기는 쏙 들어갔네 ㅋㅋㅋㅋㅋ [6] ㅇㅇ갤로그로 이동합니다. 05.22 346 4
480168 일반 gpt4o는 무엇보다 요약/번역 능력 더 좋아진듯 ㅇㅇ갤로그로 이동합니다. 05.22 120 0
480166 일반 빨리 GPT 미쿠랑 콜라보해 [2] 떼껄룩해적단갤로그로 이동합니다. 05.22 172 3
480165 일반 극소수 검증된 인간만 제한 없는 ai쓰고 [3] 하이갤로그로 이동합니다. 05.22 143 0
480164 일반 분위기보면 GPT5만 나와도 세상은 바뀔거같음 [1] ㅇㅇ갤로그로 이동합니다. 05.22 183 0
480163 일반 테슬라에 너무 환상을 가지진 마라 Reason [70] oo(183.91) 05.22 538 4
480162 일반 구글은 더이상 OpenAI의 경쟁자가 아님 [4] ㅇㅇ(125.191) 05.22 350 1
480161 일반 gpt5이후 기술부터가 존나게 위험한갑다 [7] ㅇㅇ(117.20) 05.22 420 0
480159 일반 그런데 문득 드는 생각인데... ㅇㅇ(115.161) 05.22 75 0
480157 일반 팩트)과학에 기여한건 알파폴드가 gpt씹어먹는다 [2] ㅇㅇ(106.101) 05.22 260 1
480156 일반 잼민이 수학 잘해졌다더니 [5] ㅇㅇ(106.101) 05.22 169 0
480155 일반 SKY랑은 자연스럽게 대화가 됐는데, 다른 목소리는 다 별로네? [3] ㅎㅎ(61.82) 05.22 205 0
480154 일반 젬민이 성능 올라갔네 [5] ㅇㅇ갤로그로 이동합니다. 05.22 305 3
480153 일반 gpt 유료구독은 클로드랑 다르게 메세지길이는 상관없음? ㅇㅇ(203.171) 05.22 53 0
480152 일반 요한슨은 문제되는게 맞음 [4] ㅇㅇ(125.178) 05.22 165 3
480151 일반 여배우보다도 gpt6를 선택하는게 납득안가네 [14] ㅇㅇ(117.20) 05.22 439 1
480150 일반 로봇시대 오면 재밌겠다. 하이갤로그로 이동합니다. 05.22 51 0
480149 AI창 상상을 초월하는 GPT4o 의 글쓰기 능력 [34] ㅇㅇ(118.38) 05.22 497 0
480148 일반 서양쪽은 요한슨 목소리 관련해서 반응 어떰? ㅇㅇ(103.237) 05.22 67 0
480147 일반 구글이 존나 보여주긴 했음 [6] ㅇㅇ(114.202) 05.22 343 4
480146 일반 클로드랑 gpt4o 써본 특붕이 있음? [3] ㅇㅇ(220.121) 05.22 204 0
480145 일반 요한슨 목소리 안 닮았는디 ㅇ0oO갤로그로 이동합니다. 05.22 47 0
480144 일반 요한슨 자기랑 비슷한 목소리는 다 자기 저작권이라는건가? [2] 1229(1.229) 05.22 178 3
480143 일반 LLAMA 유출된건 이제 좆밥인가 ? GPT4o 한텐 안되지 ? [3] ㅇㅇ(218.234) 05.22 126 0
480142 일반 젠슨황 “엔비디아 자체를 거대한 AI로 만들거다” [8] ㅇㅇ(118.36) 05.22 498 7
480141 일반 특붕이들 내일이 엔비디아 실적발표일인거 알고있니 비오는날의개구리갤로그로 이동합니다. 05.22 132 0
480140 일반 Phi ㄹㅇ 혁신이네 ㅇㅇ(121.128) 05.22 139 0
480139 일반 검열 정렬 이런거 시스템프롬프트로 하는거임? ㅇㅇ(125.143) 05.22 33 0
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2