🎃🦇 HTMLoween 🦇🎃 - 피를 끓게 만드는 HTML, JS 및 CSS! 😱

Muuwwwaaahhhhhhhaha 그것은 무서운 시간입니다. 그래서 여기 Ghoulish 코드(비명을 지르게 만들 것입니다!)로 가득 찬 재미있는 게시물과 친구와 함께 조각한 호박이 있습니다.

나는 당신이 으스스한 즐거운 하루를 보내고 이 끔찍한 코드가 당신을 너무 오래 괴롭히지 않기를 바랍니다!

내용물

HTML Horrors

JavaCrypt

CSScooby doo !

Some pumpkin carvings to cheer you up!

HTML 공포

1년에 한 번 할로윈에서만 볼 수 있다고 말할 수 있으면 좋겠지만, 이 공포는 일 년 내내 도사리고 있습니다!

18세 미만의 사용자에게 적합하지 않으며 R등급(쓰레기용!)

분명히 7 레벨 이상의 지옥이 있습니다

<img src="../../../../../../../../../../../../../../../../../../../../../../../../assets/logo.bmp" /> 

악마 같은 분배기

<center>-------------------------------------------</center>

*고전적인* 공포!

<p class="hover:bg-light-blue-200
  hover:text-light-blue-800 
  group 
  flex 
  items-center 
  rounded-md 
  bg-light-blue-100 
  text-light-blue-600 
  text-sm 
  font-medium 
  px-4 
  py-2">
    Hi
</p>

죄송합니다. 정상적인 발굴 작업을 해야 했습니다!

오늘 밤 우리는 지옥에서 (눈물의 식탁에서) 만찬을 합니다!

<table id="body">
   <tr id="wrapper">
     <td id="main">
       <table id="row-wrapper">
         <tr id="body_row">
           <td id="body_left">
             <table id="nav">
               <tr href="home.html" onclick="nav()">Home</tr>    
               <tr href="about.html" onclick="nav()">About</tr>  
               <tr href="contact.html" onclick="nav()">Contact</tr>  
             </table>
           </td>
           <td id="body_main"></td>
           <td id="body_aside"></td>
         </tr>
       </table>
     </td>
   </tr>
 </table>

자바크립트

오, 당신은 HTML이 나쁘다고 생각했습니다. 이 잔혹한 JavaScript를 볼 때까지 기다리십시오!

심장이 약한 사람들은 지금 외면해야 합니다.

신은 없다

const allowed = {
    '1': true,
    '2': true,
    '3': true,
    '4': true,
    '5': true,
    '6': true,
    '7': true,
    '8': true,
    '9': true,
    '0': true,
    'a': true,
    'b': true,
    'c': true,
    'e': true,
    'f': true,
    'h': true,
    'i': true,
    'j': true,
    'k': true,
    'l': true,
    'm': true,
    'n': true,
    'p': true,
    'q': true,
    'r': true,
    's': true,
    't': true,
    'u': true,
    'v': true,
    'w': true,
    'x': true,
    'y': true,
    'z': true
}

var isValidInput = function(key){
   return allowed[key];
}

그리고 진리가 너희를 자유케 하리라!

var helpers = {};
helpers.returnTrue = function() {
    return true;
}

도와드릴까요, 아니면 그냥 둘러보고 계십니까?

 var u = "Browser";
  if (this.isIPad) {
    u = "iPad"
  } else {
  if (this.isDDGIgnore) {
    u = "Ignore"
  } else {
  if (/seamonkey/.test(x)) {
    u = "SeaMonkey"
  } else {
  if (/iceape/.test(x)) {
    u = "Iceape"
  } else {
  if (/palemoon/.test(x)) {
    u = "PaleMoon"
  } else {
  if (this.isFirefox) {
    u = "Firefox"
  } else {
  if (this.isAndroid) {
    u = "Android"
  } else {
  if (/xbox/.test(x)) {
    u = "xBox"
  } else {
  if (/midori/.test(x)) {
    u = "Midori"
  } else {
  if (/opr/.test(x)) {
    u = "Opera"
  } else {
  if (/maxthon/.test(x)) {
    u = "Maxthon"
  } else {
  if (this.isYandex) {
    u = "Yandex"
  } else {
  if (/vivaldi/.test(x)) {
    u = "Vivaldi"
  } else {
  if (this.isChrome) {
    u = "Chrome"
  } else {
  if (/fennec/.test(x)) {
    u = "Fennec"
  } else {
  if (/epiphany/.test(x)) {
    u = "Epiphany"
  } else {
  if (/uzbl/.test(x)) {
    u = "Uzbl"
  } else {
  if (this.isEdge) {
   u = "Edge"                                                                             
  } else {                                                                                 
  if (this.isIE && navigator.platform === "Win64"
      && !k() && Modernizr.touch 
      && document.documentElement.clientWidth == screen.width) {                                                                                       
    u = "IEMetro"
  } else {
  if (this.isIE) {
    u = "IE"
  } else {
  if (this.isOpera) {
    u = "Opera"
  } else {
  if (this.isIPhone) {
    u = "iPhone"
  } else {
  if (/arora/.test(x)) {
    u = "Arora"
  } else {
  if (this.isSafari) {
    u = "Safari"
  } else {
  if (this.isKonqueror) {
    u = "Konqueror"
  } else {
  if (this.isBlackberry) {
    u = "Blackberry"
  } else {
  if (/phantomjs/.test(x)) {
    u = "PhantomJS"
  } else {
  if (this.isIDevice) {
    u = "iOS"
  }}}}}}}}}}}}}}}}}}}}}}}}}}}}

스쿠비 두!

사람들이 CSS의 "C"가 "Cascading"을 의미한다는 것을 이해했다면 아마도 그렇게 형편없는 CSS를 다룰 필요가 없었을 것입니다.

하지만 저는 오늘 세상을 고치러 온 것이 아닙니다. 대신에 아주 끔찍한 CSS 아이디어에 경탄합시다!

사악한 편집자!

자, 이것이...실제로 유용할까요? 그래도 너무 잘못된 느낌입니다!

라이브 CSS 편집기...순수한 CSS인가요?

오직 할로윈에만!

스윙!

이것을 모든 페이지에 추가하고 고통의 세계를 준비하십시오!

*:hover{
  zoom:99%;
}

당신을 응원하는 호박 조각!

내가 당신에게 평생 상처를 줬을지도 모르기 때문에, 여기 제 친구들과 제가 어젯밤에 조각한 호박이 있습니다.

호박 몇개

구니스의 외눈박이 윌리

가디언즈 오브 갤럭시의 로켓

우리는...베놈이다!

해피 할로윈!

의견에 할로윈 사진을 공유하십시오!