I_AM_NOT_SPAM kobitoDevelopment

Have you ever seen such a spam who write ugly codes like me? i`m human of human around the world.

kobitoDevelopment / html

Last active July 19, 2022 01:28

	<div class="target"></div>
	<div class="trigger">グニョン</div>

kobitoDevelopment / html

Last active December 11, 2022 14:00

	<div class="blobs">
	<div class="blob"></div>
	<div class="blob"></div>
	</div>

	<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
	<defs>
	<filter id="goo">
	<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
	<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo" />

kobitoDevelopment / html

Last active July 20, 2022 06:58

	<button class="blobs">
	<div class="blob1"></div>
	<div class="blob2"></div>
	<div class="blob3"></div>
	<p class="text">ぷるん</p>
	</button>

	<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
	<defs>
	<filter id="goo">

kobitoDevelopment / html

Last active July 20, 2022 01:32

	<div class="blobs">
	<div class="blob blob1"></div>
	<div class="blob blob2"></div>
	</div>

	<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
	<defs>
	<filter id="goo">
	<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
	<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo" />

kobitoDevelopment / css

Last active July 20, 2022 07:57

	.for-svg-filter {
	filter: url(/#feGaussianBlur); // firefoxでも適用されるように / から始める
	}
	.svg-filter {
	// svg要素が存在する事で発生する余白を消す
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	visibility: hidden;

kobitoDevelopment / html

Last active September 22, 2023 09:06

kobitoDevelopment / html

Created July 21, 2022 02:36

	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-filters">
	<defs>
	<filter id="filter1">
	<feTurbulence type="fractalNoise" baseFrequency="0.00" numOctaves="1" result="warp"></feTurbulence>
	<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="30" in="SourceGraphic" in2="warp" />
	</filter>
	<filter id="filter2">
	<feTurbulence type="fractalNoise" baseFrequency="0.01" numOctaves="1" result="warp"></feTurbulence>
	<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="30" in="SourceGraphic" in2="warp" />
	</filter>

kobitoDevelopment / html

Last active January 27, 2025 02:06

	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-filters">
	<filter id="filter1">
	<feTurbulence type="fractalNoise" baseFrequency="0" numOctaves="1" result="warp">
	<animate attributeName="baseFrequency" values="0; 0.006" dur="3s" repeatCount="indefinite" calcMode="linear" />
	</feTurbulence>
	<feDisplacementMap in="SourceGraphic" in2="warp" scale="90" />
	</filter>
	<filter id="filter2">
	<feTurbulence type="fractalNoise" baseFrequency="0.006" numOctaves="1" result="warp">
	<animate attributeName="baseFrequency" values="0.006; 0" dur="3s" repeatCount="indefinite" calcMode="linear" />

kobitoDevelopment / html

Last active July 21, 2022 03:59

	<div class="content">
	<section class="section">
	<h3 class="section__title">1</h3>
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-filters">
	<defs>
	<filter id="filter-goo-1">
	<feGaussianBlur in="SourceGraphic" stdDeviation="7" result="blur"></feGaussianBlur>
	<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="goo"></feColorMatrix>
	<feComposite in="SourceGraphic" in2="goo"></feComposite>
	</filter>

kobitoDevelopment / html

Created July 22, 2022 02:41