Разработка иконки загрузки
Нужно разработать код иконки загрузки на сайт: https://bestudio.kz/
Вместо красного колёсика (картинка прикреплена) нужно чтобы был логотип сайта (логотип прикреплён) и крутился только кружок (красный) что на логотипе и всё должно быть по центру!
(Используемый сейчас HTML-код:
<!-- preloader start -->
<div class="preloader-bg"></div>
<div id="preloader">
<div id="preloader-status">
<div class="preloader-position loader">
<span></span>
</div>
</div>
</div><!-- preloader end -->)
(Используемый сейчас CSS-код:
.preloader-bg {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
z-index: 999999;
}
#preloader {
position: fixed;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
z-index: 999999;
}
#preloader-status {
display: table-cell;
vertical-align: middle;
}
.preloader-position {
position: relative;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.loader {
position: relative;
width: 45px;
height: 45px;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: 2px;
-webkit-animation: rotate 1s infinite linear;
-moz-animation: rotate 1s infinite linear;
-ms-animation: rotate 1s infinite linear;
-o-animation: rotate 1s infinite linear;
animation: rotate 1s infinite linear;
border: 3px solid rgba(255, 255, 255, .15);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.loader span {
position: absolute;
width: 45px;
height: 45px;
top: -3px;
left: -3px;
border: 3px solid transparent;
border-top: 3px solid #ff264a;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
Applications 2
-
820 9 0 ===================
Здравствуйте, меня зовут Роман, занимаюсь версткой и разработкой сайтов на WordPRess 3 года и могу Вам помочь.
Заинтересовало ваше задание, делал уже такие проекты и все было успешно
Примеры работ можете посмотреть Freelancehunt
Работаю на качество и делаю заказ в срок также вношу правки после сдачи проекта/
…
Готов обсудить задания в личной переписке
Всегда на связи, отвечаю в течении 30 мин.
==================
---- Цена и сроки работы обсудим в переписке ----
-
198 2 0 Здравствуйте!
Очень интересное задание, вировнять прелоудер одна минута по времени, пару часов на разработку и анимирования логотипа, можно сделать поочередное появление липестков зрачка, будет виглидеть эфектно и оригинально
-
2262 37 3 3 Довольно непростая задача, есть по отдельности части иконки? Давайте обсудим, жду вашего сообщения.
Current freelance projects in the category Web programming
Development of functionality on the WP/Jobster websiteIt is necessary to add functionality to the site on WP https://bit.ly/3TrPwKt. There are 2 tasks: 1. It is necessary to make it possible to enter a unit of measurement (kg/hour/etc.) for custom price and display it on the frontend. Currently, when a seller selects the "Custom"… Web programming |
Exchange service
510 USD
There are working exchangers, it is necessary to rely on the example, make a cryptocurrency exchanger: Design and code can be taken completely from a working website, that is - make a copy. The exchange rate and other data for the exchange - what I could set manually. The… JavaScript, Web programming ∙ 3 proposals |
Create a 3D scene for integration on a websiteHello, I am involved in creating a space for mutual support and self-development. Your task will be: Create an optimized 3D scene based on the description from the first chapter of the story of the key character for subsequent integration into the website and write the logic… Web programming |
Module for Opencart 3 for uploading to Google Merchant.I need a module that exports products from Opencart in the correct format for Google Merchant Centre Version ocStore 3.0.3.8 Need to install and configure Web programming ∙ 4 proposals |
Design layout and write frontendGood day. It is necessary to design and write the frontend part of the application. Preferences for technologies used: SASS, sass (css) modules, TypeScript, React, webpack Link to Figma HTML and CSS, Web programming ∙ 10 proposals |