| layout | home | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| comments | true | ||||||||||||||
| paginate | false | ||||||||||||||
| image | /assets/images/fon-1.webp | ||||||||||||||
| actions |
|
- Main forum
- Murga forum(old forum)
- Another KL forum
- Kennel Linux distros
- Kennel Linux development
- FirstRib GitLab repo
- Website GitHub repo
{: .prompt-info }
> {: .prompt-info }
<script defer data-api="https://busuanzi.9420.ltd/api" src="proxy.php?url=https%3A%2F%2Fgithub.com%2F%3Ca+href%3D"https://busuanzi.9420.ltd/js"></script>" rel="nofollow">https://busuanzi.9420.ltd/js"></script> <style> .morph { transition: all 1s ease; /* transform 1s ease */ /* image-rendering: pixelated; */ /* Image sharpness */ } .morph:hover { border-radius: 50%; transform: rotate(360deg); /* transform: rotate(360deg) scale(1.25); */ } </style> <style> img.anime { transition: all 1s ease; /* image-rendering: pixelated; */ /* Image sharpness */ } img.anime:hover { transform: rotate(360deg) scale(1.20); } </style> <style> .easy-zoom-effect { transition: all 1s ease; /* transform 1s ease */ /* image-rendering: pixelated; */ /* Image sharpness */ } .easy-zoom-effect:hover { transform: scale(1.20); } </style> <style> .focus { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .focus:hover { border: 4px solid #b8b8b8; border-radius: 50%; } </style> <style> .scale { width: 300px; /* Ширина картинок */ display: inline-block; /* Строчно-блочный элемент */ overflow: hidden; /* Скрываем всё за контуром */ border-radius: 10px; border: 1px solid #dce0e7; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7); /* border: 1px solid #181825; */ } .scale img { transition: all 1s ease; /* Время эффекта */ display: block; /* Убираем небольшой отступ снизу */ } .scale img:hover { transform: scale(1.25); /* Увеличиваем масштаб */ image-rendering: pixelated; /* Image sharpness */ } </style> <style> .animate { position: relative; margin: 0 auto;/* устанваливаем блок div по центру страницы*/ width: 300px; /* Ширина */ height: auto; /* Высота */ } .animate img { position: absolute; /* абсолютное позиционирование*/ left: 0; /* выравниваем картинки по левому верхнему углу div-а*/ top: 0; /* выравниваем картинки по левому верхнему углу div-а */ -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .animate img.first { opacity: 0; filter: alpha(opacity=0); } .animate:hover img.first { opacity: 1; filter: alpha(opacity=100); } .animate:hover img.second, .animate img.second:hover { opacity: 0; filter: alpha(opacity=0); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } </style> <style> .pic { border: 4px solid #fff; float: left; height: auto; width: 300px; margin-right: 40px; overflow: hidden; display: block; -webkit-box-shadow: 5px 5px 5px #111; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7); } </style> <style> .pics { border: 2px solid #dce0e7; -webkit-box-shadow: 5px 5px 5px #111; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7); } </style> <style> .links { float: left; margin-left: 300px; } </style>









