fieldset
, legend
и чуть чуть transform
<fieldset>
<legend>Легенда</legend>
<p>Ну такое совсем просто делается. Много стилей не надо.</p>
</fieldset>
fieldset {
transform: rotateX(180deg);
}
legend {
transform: rotateX(180deg);
}
p {
transform: rotateX(180deg);
}
const el = document.createElement("div");
const container = document.querySelector(...);
const addButton= document.querySelector(...);
const removeButton= document.querySelector(...);
addButton.addEventListener("click", () => {
container.appendChild(el);
});
removeButton.addEventListener("click", () => {
container.removeChild(el);
});
webpack.ProvidePlugin
, пример ниже.module.exports = {
entry: path.resolve(__dirname, 'src/js/main.js'),
output: {
path: outputDir,
filename: 'bundle.js'
},
module: {
rules: [{
test: require.resolve('jquery'),
use: [{
loader: 'expose-loader',
options: '$'
}]
}]
},
plugins: [
new webpack.ProvidePlugin( {
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
} )
]
};
npm i @fancyapps/fancybox
import "@fancyapps/fancybox";
const response = await fetch(...);
const data = await response.json();