<div class="circle one"></div>
<div class="circle two"></div>
<div class="circle three"></div>
<style>
.circle {
top: 200px;
left: 200px; /* вот он, ваш центр */
transform: translate(-50%, -50%); /* а вот эта магия центрирует */
position: absolute;
border-radius: 50%;
}
.one {
background: red;
width: 100px;
height: 100px;
}
.two {
background: cyan;
width: 80px;
height: 80px;
}
.three {
background: yellow;
width: 60px;
height: 60px;
}
</style>
Contexts in which this element can be used:
In a head element containing no other title elements.
"scripts": {
"deploy": "gulp build && gh-pages -d build"
},
'password,
$stmt = mysqli_prepare($connect, "INSERT INTO `bd` (`id`, `name`, `tel`) VALUES (NULL, ?, ?)");
mysqli_stmt_execute($stmt, [$_POST['name'], $_POST['tel']]);
function prepared_query($mysqli, $sql, $params, $types = "")
{
$types = $types ?: str_repeat("s", count($params));
$stmt = $mysqli->prepare($sql);
$stmt->bind_param($types, ...$params);
$stmt->execute();
return $stmt;
}
$sql = "INSERT INTO `bd` (`name`, `tel`) VALUES (?,?)";
prepared_query($connect, $sql, [$_POST['name'], $_POST['tel']]);
mysql_query("SET NAMES 'utf8'", $conn);
mysqli_set_charset($conn, "utf8");
<?php
$a = require 'var_a.php';
$b = '2';
$c = '3';
<?php
return '1';
file_put_contents("var_a.php", "<?php return '4';");
.elem {
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.elem::-webkit-scrollbar {
width: 0;
height: 0;
}
html, body {
overflow-x: hidden;
}
npm i swiper
gulp
function vendorJS() {
const modules = [
'node_modules/swiper/swiper-bundle.min.js',
'node_modules/swiper/swiper-bundle.min.js.map',
];
return src(modules)
.pipe(dest('build/js'));
};
function vendorCSS() {
const modules = [
'node_modules/swiper/swiper-bundle.min.css',
];
return src(modules)
.pipe(dest('build/css/pages'));
};
//- swiper styles
link(rel="stylesheet" type="text/css" href="./css/pages/swiper-bundle.min.css")
//- swiper js
script(src='./js/swiper-bundle.min.js')