Приведу не большой пример, на мой взгляд очень интересной конпки ссылки на ваш сайт, с эффектом поворота, работает во всех современных браузерах.

моя ссылка выглядит так:

 

 

Первое что нам необходимо это создать картинку нашей кнопки в любом графическом редакторе, я использовал photoshop, формат картинки .png с прозрачным фоном, размер зависит от требований где она будет размещена.

Расмотрим код:

<!---Логотип сделать сайт начало -->

<div id="sslogo">
<p><a href="/http://sdelatsait.com/" target="_blank"><img style="background: none; float: left; border: 0px;" title="SdelatSait.com - изготовление сайтов, техническая поддержка" alt="SdelatSait.com - изготовление сайтов, техническая поддержка" src="/sslogo.png" height="auto" width="150px" /></a>
</p>
</div>
<p>
<style>
#sslogo p a {
float:left; /* обтекание другими элементами по правому краю */
opacity:.4; /*полу прозрачность картинки */
-webkit-transition: all .5s ease-in;  /* плавное изменение прозрачности для Safari, Chrome, iOS*/
-moz-transition:all .5s ease-in;   /* плавное изменение прозрачности для Firefox*/
-o-transition:all .5s ease-in;   /* плавное изменение прозрачности для Opera*/
transition:all .5s ease-in;   /*CSS Transitions позволяют назначать изменения свойств CSS плавно и в течение некоторого времени.*/
}
#sslogo p a:hover {
opacity:1; /* убираем прозрачность картинки, при наведении курсора */
-webkit-transform:rotate(360deg); /* Поворот картинки на 360 градусов для Safari, Chrome, iOS */
-moz-transform:rotate(360deg);  /* Поворот картинки на 360 градусов для Firefox */
-o-transform:rotate(360deg);   /* Поворот картинки на 360 градусов для Opera */
transform:rotate(360deg);   /* Трансформирует элемент, позволяет его сдвигать, наклонять, а также комбинировать виды трансформаций, в частности, позволяет его вращать на 360 градусов. */
}
</style>
</p>
<!---Логотип сделать сайт конец -->

Для того чтобы сделать скриншот в windows есть два простых способа:

  1. kak sdelat screenshotНажать на клавиатуре кнопку PrintScreen(PrtScr), при этом изображение с вашего экрана скопируется в буфер обмена, комбинацией клавиш Alt + Printscreen Вы скопируете скриншот текущего активного окна (приложения) в буфер обмена. Открываем Paint(программы-->стандартные-->Paint) или любой   другой графический редактор,  вставляем скриншот из буфера обмена комбинацией клавиш ctrl+V. Далее необходимо сохранить снимок экрана (файл-->сохранить как), выберите тип файла JEPG, место куда сохранить и нажмите кнопку сохранить. Все скриншот сделан, теперь Вы можете его использовать как обычную фотографию.
  2. Второй способ чтобы сделать снимок экрана, не много проще, но потребует дополнительного софта. Скачиваем программу SnapaShot с оф. сайт (http://nicekit.com/download/SnapaShot.zip), я использую portable версию не требующую установки, просто распакуйте архив и запустите файл SnapaShot.exe. Чтобы сделать скриншот подгоните рамку до нужного размера и нажмите на кнопку в виде изображения дискеты, сохраните в нужной папке.

Контакты

Если Вы заинтересованы в сотрудничестве или у Вас есть вопросы.

Пожалуйста свяжитесь со мной любым удобным способом.

E-mail: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.


Viber


WhatsApp


+7 (965) 280-40-90
нажмите чтобы позвонить


SdelatSait.com


ICQ: 284161478


через форму обратной связи

Go to top Яндекс.Метрика