<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="uk">
	<id>https://mediawiki.zina.run/index.php?action=history&amp;feed=atom&amp;title=Buttons</id>
	<title>Buttons - Історія редагувань</title>
	<link rel="self" type="application/atom+xml" href="https://mediawiki.zina.run/index.php?action=history&amp;feed=atom&amp;title=Buttons"/>
	<link rel="alternate" type="text/html" href="https://mediawiki.zina.run/index.php?title=Buttons&amp;action=history"/>
	<updated>2026-10-12T11:41:43Z</updated>
	<subtitle>Історія редагувань цієї сторінки в вікі</subtitle>
	<generator>MediaWiki 1.44.2</generator>
	<entry>
		<id>https://mediawiki.zina.run/index.php?title=Buttons&amp;diff=845&amp;oldid=prev</id>
		<title>&gt;Zina в 12:21, 16 квітня 2022</title>
		<link rel="alternate" type="text/html" href="https://mediawiki.zina.run/index.php?title=Buttons&amp;diff=845&amp;oldid=prev"/>
		<updated>2022-04-16T12:21:04Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Нова сторінка&lt;/b&gt;&lt;/p&gt;&lt;div&gt;== Сборники примеров кнопок ==&lt;br /&gt;
&lt;br /&gt;
* https://gscode.in/css-buttons/&lt;br /&gt;
&lt;br /&gt;
== Примеры анимированных кнопок в CSS ==&lt;br /&gt;
&lt;br /&gt;
* https://codepen.io/evanscode/pen/KqWRyg click css — максимально приятный эффект&lt;br /&gt;
* https://codepen.io/nourabusoud/pen/ypZzMM Bubbly Button — легкий эффект конфетти&lt;br /&gt;
* [https://codepen.io/ishaansaxena/pen/WoJGRK Pure CSS Buttons — хороший вариант для социальных иконок&lt;br /&gt;
* https://codepen.io/avvign/pen/NVJzQW CSS Button With Hover Effect — минималистичная с тенью, хорошая подсветка при hover и нажатие. попробовать для zina.design&lt;br /&gt;
* https://codepen.io/VIRU/pen/tcjou A Pen by vijender — хорошая подсветка при hover и нажатие. попробовать для zina.design&lt;br /&gt;
* https://codepen.io/mccombsc/pen/ZEzxWPy Pure CSS Button with Ring Indicator&lt;br /&gt;
* https://codepen.io/seansean11/pen/wHIae CSS3 3d flip button — изменение кнопки после сабмита, CSS only&lt;br /&gt;
* https://codepen.io/alexandre-skandal/pen/waBKpa 3d button Mixin SASS&lt;br /&gt;
* https://codepen.io/silas/pen/EJFim Realistic 3D Buttons&lt;br /&gt;
* https://codepen.io/DagorathUryens/pen/vJXZKN 3D buttons with Highlights and Shadows&lt;br /&gt;
* https://diffuse.agency/sonica — смешная желейная кнопка в меню, внизу слева&lt;br /&gt;
&lt;br /&gt;
== Morphing Buttons ==&lt;br /&gt;
&lt;br /&gt;
* https://codepen.io/gregh/pen/rjbmXb UI&amp;amp;#58; Button morphing into form — связь кнопки с анимацией модального окна, попробовать для zina.design&lt;br /&gt;
* https://codepen.io/toastal/pen/QyJeOB Morph Button to Modal React — красивый, но сложный морфинг кнопки в модальное окно&lt;br /&gt;
&lt;br /&gt;
== Хорошие минималистичные анимации ==&lt;br /&gt;
&lt;br /&gt;
* https://codepen.io/davidicus/pen/emgQKJ Collection of Button Hover Effects&lt;br /&gt;
* https://codepen.io/JackCuthbert/pen/pjZzGE Button Fun&lt;br /&gt;
* https://codepen.io/bigglesrocks/pen/RPzNjw Shiney Button&lt;br /&gt;
* https://codepen.io/rickzanutta/pen/EactG Cool buttons&lt;br /&gt;
* https://codepen.io/seanmccaffery/pen/xBpbG SVG Animation&lt;br /&gt;
* https://codepen.io/avstorm/pen/oqKbLq Click Me&lt;br /&gt;
* https://codepen.io/Jeyffrey/pen/GgWPwb Button hover effects CSS3&lt;br /&gt;
&lt;br /&gt;
== Статичные кнопки ==&lt;br /&gt;
&lt;br /&gt;
* https://codepen.io/dzen/pen/woxjbp — неоновый стиль&lt;br /&gt;
&lt;br /&gt;
== Close Button ==&lt;br /&gt;
&lt;br /&gt;
* https://codepen.io/wisd81/pen/WrqxPP Back To Close by Ste&lt;br /&gt;
&lt;br /&gt;
== См. также ==&lt;br /&gt;
&lt;br /&gt;
* [[UX эффекты]]&lt;br /&gt;
* [[Примеры сайтов]]&lt;br /&gt;
* [[Примеры анимации]]&lt;br /&gt;
&lt;br /&gt;
[[Категория:Дизайн]]&lt;br /&gt;
[[Категория:CSS]]&lt;/div&gt;</summary>
		<author><name>&gt;Zina</name></author>
	</entry>
</feed>