Weird Animals

Developer
Taylor Hunt
Size
4,232 Kb
Views
10,120
  1. Weird Animals Previews
  2. Weird Animals HTML Codes
  3. Weird Animals CSS Codes

How do I make an weird animals?

I don’t have to explain anything.. What is a weird animals? How do you make a weird animals? This script and codes were developed by Taylor Hunt on 07 December 2022, Wednesday.

Weird Animals Previews
IQ Test

Weird Animals - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Weird Animals</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Chango" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Lookit these weird animos</h1>
<h2>Platybelodon</h2>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/platybelodon.jpg" alt="HAW HAW HAW, I AM AN ELEPHANT ANCESTOR WHO LOOKS LIKE I HAVE A GOOFY LAUGH">
<h2>Potoo</h2>
source: <a href="https://commons.wikimedia.org/wiki/File:Urutau_(3729).JPG">commons.wikimedia.org/wiki/File:Urutau_(3729).JPG</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/potoo-2.jpg" alt="A bird that screams like a Muppet">
source: <a href="https://www.flickr.com/photos/aralcal/4871005808">flickr.com/photos/aralcal/4871005808</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/potoo-1.jpg" alt="And looks like a grumpy Muppet with its mouth closed">
<h2>Geoduck</h2>
source: <a href="https://www.flickr.com/photos/pfly/467685095">flickr.com/photos/pfly/467685095</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/geoduck-1.jpg" alt="Geoducks are really gross clam relatives with a giant tentacle that won't fit in their shells">
source: <a href="https://commons.wikimedia.org/wiki/File:Jrb_20081127_Mirugai_tsukiji_tokyo_japan_001.JPG">commons.wikimedia.org/wiki/File:Jrb_20081127_Mirugai_tsukiji_tokyo_japan_001.JPG</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/geoduck-2.jpg" alt="The end of the tentacle is their mouth">
<h2>Narwhal</h2>
source: <a href="http://www.worldwildlife.org/stories/unicorn-of-the-sea-narwhal-facts">worldwildlife.org/stories/unicorn-of-the-sea-narwhal-facts</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/narwhal.jpg" alt="Narwhals are weird whales with a very long, corkscrew single tooth">
<h2>Sea Bunny</h2>
source: <a href="http://www2.padi.com/blog/2016/01/25/5-facts-sea-bunny-slug/">padi.com/blog/2016/01/25/5-facts-sea-bunny-slug/</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/sea-bunny.jpg" alt="Sea Bunnies are sea slugs that look like white fuzz with tiny little black rabbit ears">
<h2>This cool moth</h2>
source: <a href="https://www.thedodo.com/all-about-the-6-furry-moths-you-could-easily-take-for-a-cat-1359725578.html">thedodo.com/all-about-the-6-furry-moths-you-could-easily-take-for-a-cat-1359725578.html</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/moth.jpg" alt="This moth is colored like Mardi Gras">
<h2>Desert rain frog</h2>
source: <a href="http://www.iflscience.com/plants-and-animals/desert-rain-frog-dangerous-beast-or-adorable-squeaky-toy/">iflscience.com/plants-and-animals/desert-rain-frog-dangerous-beast-or-adorable-squeaky-toy/</a>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183091/desert-rain-frog.jpg" class="The fattest frog you've ever seen">
<iframe width="1" height="1" src="https://www.youtube.com/embed/z3lElikZD2Y?autoplay=1&start=14" frameborder="0" allowfullscreen></iframe>
<svg xmlns="http://www.w3.org/2000/svg"> <filter id="filter"> <!-- Colors: --> <feFlood flood-color="#4CFED7" result="COL_green-l" /> <feFlood flood-color="#0A4D39" result="COL_green-m" /> <feFlood flood-color="#2A9B83" result="COL_green-d" /> <feFlood flood-color="pink" result="COL_red-l" /> <feFlood flood-color="#A5122B" result="COL_red-d" /> <feFlood flood-color="rgba(0,0,0,0)" result="TRANSPARENT" /> <!-- Colors end --> <!-- Lower Green Bevel --> <feMorphology operator="dilate" radius="10" in="SourceAlpha" result="GREEN-BEVEL-1_10" /> <feConvolveMatrix order="8,8" divisor="1" kernelMatrix = "1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1" in="GREEN-BEVEL-1_10" result = "GREEN-BEVEL-1_20" /> <feComposite operator="in" in="COL_green-d" in2="GREEN-BEVEL-1_20" result="GREEN-BEVEL-1_30" /> <!-- Lower Green Bevel End --> <!-- Lower Green Front --> <feComposite operator="in" in="COL_green-l" in2="GREEN-BEVEL-1_10" result="GREEN-FRONT-1_0" /> <feOffset dx="4" dy="4" in="GREEN-FRONT-1_0" result="GREEN-FRONT-1_10"/> <feSpecularLighting surfaceScale="0" specularConstant=".75" specularExponent="30" lighting-color="#white" in="GREEN-FRONT-1_10" result="GREEN-FRONT-1_20"> <fePointLight x="0" y="-30" z="400" /> </feSpecularLighting> <feComposite operator="out" in2="GREEN-FRONT-1_20" in="GREEN-FRONT-1_10" result="GREEN-FRONT-1_30" /> <!-- Lower Green Front End --> <!-- Upper Green Bevel --> <feMorphology operator="dilate" radius="7" in="SourceAlpha" result="GREEN-BEVEL-2_0" /> <feConvolveMatrix order="8,8" divisor="1" kernelMatrix = "1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1" in="GREEN-BEVEL-2_0" result = "GREEN-BEVEL-2_10" /> <feComposite operator="in" in="COL_green-d" in2="GREEN-BEVEL-2_10" result="GREEN-BEVEL-2_20" /> <feOffset dx="9" dy="9" in="GREEN-BEVEL-2_20" result="GREEN-BEVEL-2_30"/> <!-- Upper Green Bevel end --> <!-- Upper Green Front --> <feOffset dx="18" dy="18" in="GREEN-BEVEL-2_0" result="GREEN-FRONT-2_10"/> <feComposite operator="in" in="COL_green-l" in2="GREEN-FRONT-2_10" result="GREEN-FRONT-2_20" /> <feSpecularLighting surfaceScale="0" specularConstant="0.75" specularExponent="40" lighting-color="#white" in="GREEN-FRONT-2_20" result="GREEN-FRONT-2_30"> <fePointLight x="120" y="170" z="500" /> </feSpecularLighting> <feComposite operator="in" in2="GREEN-FRONT-2_10" in="GREEN-FRONT-2_30" result="GREEN-FRONT-2_40" /> <!-- Upper Green Front end --> <!-- Bevels and Front shaded --> <feMerge result="SHADED-BEVELS_0"> <feMergeNode in="GREEN-BEVEL-1_10" /> <feMergeNode in="GREEN-FRONT-1_30" /> <feMergeNode in="GREEN-BEVEL-2_30" /> <feMergeNode in="GREEN-FRONT-2_20" /> <feMergeNode in="GREEN-FRONT-2_40" /> </feMerge> <feSpecularLighting surfaceScale="0" specularConstant="0.45" specularExponent="30" lighting-color="#white" in="SHADED-BEVELS_0" result="SHADED-BEVELS_10"> </feSpecularLighting> <feComposite operator="in" in2="SHADED-BEVELS_0" result="SHADED-BEVELS_30" /> <!-- Bevels and Front shaded end --> <!-- Upper Red Bevel --> <feConvolveMatrix order="4,4" divisor="1" kernelMatrix="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1" in="SourceAlpha" result = "RED-BEVEL-0_0" /> <feComposite in="COL_red-d" in2="RED-BEVEL-0_0" operator="in" result="RED-BEVEL-0_10" /> <feMorphology operator="dilate" radius="3"/> <feOffset dx="20" dy="20" result="RED-BEVEL-0_20"/> <!-- Upper Red Bevel end --> <!-- Upper Red Front --> <feComposite operator="in" in="COL_red-l" in2="SourceAlpha" result="RED-FRONT-0_0" />
<!-- <feMorphology operator="erode" radius="1"/> --> <feOffset dx="24" dy="24" result="RED-FRONT-0_10"/> <!-- Upper Red Front end--> <feMerge result="extruded-m"> <feMergeNode in="SHADED-BEVELS_0" /> <feMergeNode in="SHADED-BEVELS_30" /> <feMergeNode in="RED-BEVEL-0_20" /> <feMergeNode in="RED-FRONT-0_10" /> </feMerge> </filter>
</svg>
</body>
</html>

Weird Animals - Script Codes CSS Codes

img { max-width: 100%; height: auto; display: block; margin: auto;
}
html { font-size: 2em; background: -webkit-linear-gradient(315deg, pink 25%, transparent 25%) -50px 0, -webkit-linear-gradient(225deg, pink 25%, transparent 25%) -50px 0, -webkit-linear-gradient(135deg, pink 25%, transparent 25%), -webkit-linear-gradient(45deg, pink 25%, transparent 25%); background: linear-gradient(135deg, pink 25%, transparent 25%) -50px 0, linear-gradient(225deg, pink 25%, transparent 25%) -50px 0, linear-gradient(315deg, pink 25%, transparent 25%), linear-gradient(45deg, pink 25%, transparent 25%); background-size: 100px 100px; background-color: #ff30d6; color: yellow;
}
h1,
h2 { font-family: Chango, sans-serif; font-weight: 400; margin: 0; -webkit-filter: url(#filter); filter: url(#filter); padding: 0.5em;
}
a { color: inherit;
}
img { box-shadow: 0 0 20px 20px indigo, 0 0 20px 40px cyan, 0 0 20px 60px mediumspringgreen, 0 0 20px 80px yellow, 0 0 20px 105px darkorange, 0 0 0 120px red; margin: 140px; max-width: calc(100% - 280px); border-radius: 30px;
}
a { word-wrap: break-word;
}
Weird Animals - Script Codes
Weird Animals - Script Codes
Home Page Home
Developer Taylor Hunt
Username tigt
Uploaded December 07, 2022
Rating 3
Size 4,232 Kb
Views 10,120
Do you need developer help for Weird Animals?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Taylor Hunt (tigt) Script Codes
Name
SVG break-all text wrapping
Natural dimensions auto-sizing
Bust any element out of its container
A universal technique that might help the blank white page transition be less jarring
Hiding inline SVG from older browsers with CSS namespaces
Scaling inline SVG with the stretcher-bar technique
Tabs without JavaScript... or CSS
Scaling inline SVG with preserveAspectRatio
More robust SVG text demo
Cross-Browser data URI encoding test
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!