Oleg aligator28

Last active February 28, 2023 17:40

CSS Tooltip triangle (подсказка с треугольничком внизу на CSS)

aligator28 / Image instead of Video (ease page load)

Last active March 1, 2023 10:33

Image instead of Video (ease page load)

Created March 2, 2023 18:30

	контейнер для непропорционального контента
	.main-block__video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: calc(100% / 1.78); // Just proportions of video 16:9 (You can use 100% and You shoud divide width on 1.78 (40% / 1.78 = 22.47%)
	}
	}

	Sure, here's an example of CSS code that can display a tooltip block without using any images:

	.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	}

	.tooltip::before {
	content: "";