CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed
.home
~
.explore

Upload button

You can click the button to choose a file.
<div style="
    /* Used to position the input */
    position: relative;

    /* Center the content */
    align-items: center;
    display: flex;

    /* Border */
    border: 1px solid rgba(0, 0, 0, 0.3);
">
    <!-- The real file input -->
    <input
        type="file"
        style="
            /* Take the full size */
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;

            /* Make it transparent */
            opacity: 0;
        "
    />

    <!-- The upload icon -->
    <div style="margin-right: 8px">...</div>

    <!-- The label -->
    ...
</div>
Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!